Exercise #2

Edit the e2.html and cal.html files and make them resemble as closely as possible the references in the ref/ directory.

Note the following for e2.html:

• The e2.html should be a form that must actually be able to "post" its data to a server side PHP script located at

http://oldmanprogrammer.net/courses/cs479/code/PHP/e2.php

(this would be the forms action).

• The "names" for the input fields are "realname" (required), "major", "year", "grad", "gpa", "tele", "email" (required) and "message". Required fields must be filled out for the submission to work.

• Additionally to receive full credit the following aspects of the form must be present:

  • The "year" must be a drop-down selection with "Freshman", "Sophomore", "Junior" and "Senior" options.

  • The "grad" radio buttons must be ganged together, i.e. selecting one will deselect any previously made selection.

  • The telephone number must be validated against a regular expression matching the placeholder text.

  • The reset button should reset the form elements.

Note the following for cal.html:

• All styling must be restricted to the <style> section in the head of the document. You may use class and id attributes to select specific elements in the table.

• Hints:

  • The calendar should be a single table.

  • The date cells are 75x75 pixels in size.

  • The borders between each cell are only 1 pixel thick.

  • The font is "Arial" and is 24 points in size.

  • The red is #DB1F26 and the gray is #CCC