How to do this exercise. Halloween 13 Create a page that uses a form. In this exercise, you’ll create a page that includes a form for joining an email list. In addition, you’ll create a page that’s displayed when the form is submitted. When you’re through, the pages should look similar to this: Specifications for the email form: • Create a new page named email.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the page for exercise 7. • Modify the horizontal navigation menu so it indicates that the email page is the current page. Create a new style sheet named email.css for the email page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the email.html file so it points to the correct style sheet. • Add the heading and the form element to the section. Code the form element so a form named subscribe.html in the root folder is displayed when the Subscribe button is clicked. • Add the label and input elements for the form. The focus should be on the first text field when the form is first displayed. • Align the controls as shown above, and format the button so it’s orange with a black border. • Use the data validation attributes to require entries in the first three text fields. In addition, use a regular expression to validate an entry in the Zip Code field, and display an appropriate message in the tooltip if the entry is invalid. • Use a placeholder to display a message in the Zip Code field as shown above. • Add any other formatting as necessary so the page looks as shown above. Specifications for the subscribe form • Create a new page named subscribe.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the email page. • Create a new style sheet named subscribe.css for the subscribe page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the subscribe.html file so it points to the correct style sheet. • Modify the horizontal navigation menu so it indicates that no page is current. • Add the heading and paragraph shown above, and format it as necessary.
How to do this exercise.
Halloween 13 Create a page that uses a form.
In this exercise, you’ll create a page that includes a form for joining an email list. In addition, you’ll create a page that’s displayed when the form is submitted. When you’re through, the pages should look similar to this:
Specifications for the email form:
• Create a new page named email.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the page for exercise 7.
• Modify the horizontal navigation menu so it indicates that the email page is the current page.
Create a new style sheet named email.css for the email page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the email.html file so it points to the correct style sheet.
• Add the heading and the form element to the section. Code the form element so a form named subscribe.html in the root folder is displayed when the Subscribe button is clicked.
• Add the label and input elements for the form. The focus should be on the first text field when the form is first displayed.
• Align the controls as shown above, and format the button so it’s orange with a black border.
• Use the data validation attributes to require entries in the first three text fields. In addition, use a regular expression to validate an entry in the Zip Code field, and display an appropriate message in the tooltip if the entry is invalid.
• Use a placeholder to display a message in the Zip Code field as shown above.
• Add any other formatting as necessary so the page looks as shown above. Specifications for the subscribe form
• Create a new page named subscribe.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the email page.
• Create a new style sheet named subscribe.css for the subscribe page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the subscribe.html file so it points to the correct style sheet.
• Modify the horizontal navigation menu so it indicates that no page is current.
• Add the heading and paragraph shown above, and format it as necessary.
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 2 images
