Course duration
- 8.0 hours
Course Benefits
- Learn to create HTML forms using the latest HTML standards.
- Learn to style forms with CSS.
- Learn to validate forms on the client with JavaScript.
Learn at your own pace with 24/7 access to an On-Demand course.
Course Outline
- HTML Forms
- How HTML Forms Work
- The <form> Tag
- Get vs. Post
- Form Elements
- id and name Attributes
- Text Fields
- Labels
- Text-like Input Types
- placeholder Attribute
- pattern Attribute
- Password Fields
- Date and Time Fields
- Number Fields
- Color Fields
- Tel, URL, and Email Fields
- tel
- url and email
- Search Fields
- Hidden Fields
- Buttons
- Submit Button
- Reset Button
- Button Buttons
- Checkboxes
- Radio Buttons
- Fieldsets
- Select Menus
- Option Groups
- Textareas
- JavaScript Form Validation
- Server-side Form Validation
- HTML Form Validation
- Accessing Form Data
- Form Validation with JavaScript
- Checking Validity on Input and Submit Events
- Adding Error Messages
- The dataset Property
- Validating Textareas
- Validating Checkboxes
- Validating Radio Buttons
- Which Radio Button was Selected?
- Validating Select Menus
- Giving the User a Chance
- Styling Forms with CSS
- General Form Layout
- Form-field Pseudo-Classes
- Applying Pseudo-Classes to Forms
- Radio Buttons, Checkboxes, and Fieldsets
Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Experience in the following is required for this JavaScript class:
- Basic HTML
- Basic CSS
- Basic JavaScript
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.