Recreating a form using html format

COM340 – Spring 1 – Exam 1

Figure 1

Figure 2

You are expected to recreate the two figures above using two html files and associated CSS and

JavaScript files, subject to the following:

1. Maintain all the color codes contained in the figures.

2. Populate all the selection (dropdown) boxes.

3. Use CSS to define all the text colors and color coordination.

4. When the “Get Registration Code” button is clicked, it must verify that an email address was

entered. Display applicable error message. (Figure 1)

5. When “Complete Registration” button is clicked, it must check that the rest of the fields have

been populated (Figure 1). Then the form is submitted to http://nwosu.net/com340/exam1.cgi

using POST method.