HTML Forms Exercise PDF

Preview

Summary

In class exercise to create html forms...

Description

HTML Forms Exercise 1. Download the starter page from myCourses (form.php). a. This page will display submitted values above the form when the submit button is clicked. 2. Add a field to capture the full name. a. This field should be required. b. This field should provide a hint describing that a full name is expected. 3. Add a field to capture the e-mail address. a. This field should be required. 4. Add two fields to capture the password twice. a. These two fields should be compared to ensure they match. 5. Add a set of radio buttons to select a favorite color. a. These should be contained in a element with a element 6. Add a set of checkboxes to select favorite days of the week. a. These should be contained in a element with a element 7. Add a dropdown list to select favorite month of the year. a. The seasons (Fall, Winter, Spring, Summer) should appear as elements. 8. Add a text field to capture a campus building name. a. A element should be used to provide “auto-complete” functionality. 9. Add two additional HTML5 field types and determine how they operate. 10. Add elements to all of your inputs (if you haven’t already done so). 11. Add a new field and use HTML pattern validation. 12. Add two new fields and use jQuery validation. 13. Add visual icon feedback to the three new fields added in steps 11 and 12....