HTML5 Forms

Batch Price From £100 (approx. $132 USD) View Dates & Prices

Total Duration: 5 Hours
Course level: Beginner to Intermediate
Delivery Method: Instructor Led Classroom Training
Certification: Certificate of Completion will be provided after completing the course

Course Overview

This course provides hands-on training to create Forms using HTML5 and CSS3. It shows how to validate user input, new attributes and form elements. At the end of this course you will complete a small project.

Requirements

This course is ideal for those who already have understanding of Web designing, HTML and CSS. Our Web Design with HTML and CSS covers all of the prerequisites.

Course Dates, Prices & Enrolment

All Training Physical Classes Virtual Classes

Time Zone:

There is no date for this course at this moment. Please complete the BOOKING REQUEST FORM below or come back to this page again later.

Course Content

HTML5 forms
- What's new in HTML5 forms
- Using the parent form element
- Using the input type text field
- Using the textarea element
- Using the input type checkbox field
- Using input type radio buttons
- Using the select element
- Using the input type file
- Using the input type button field
- Using the input type submit field
HTML5 new input form types
- Creating a search field
- Creating an email field
- Creating a web address field
- Creating a phone number input field
- Creating a number input field
- Creating a range input field
- Creating a date picker input field
- Formatting date and time
- Creating a colour picker input type
- Creating a list of suggested entries using the datalist element
- Using the progress element to create a progress bar
- Indicating measurements with the meter element
- Using the output element
Using Input form validation
- Using the autofocus attribute
- Using the autocomplete attribute
- Using the placeholder attribute
- Using the pattern attribute
- Using the required attribute
- Using the text selection APIs
- CSS styling for invalid, valid, and required fields
HTML5 new form elements
- Creating a list of suggested entries using the datalist element
- Using the progress element to create a progress bar
- Indicating measurements with the meter element
- Using the output element
Final Project:Converting ordinary form into HTML5
- Final project:Convert a normal formal into a HTML5 form and make all input types compatible across all browsers using the theories you've learned in class.

Share This Course

Newsletter Sign-up

First Name

Last Name

Email address

Have a Question?

Please read our frequently asked questions or contact us.

HTML5 Forms

Course Overview

Requirements

Course Dates, Prices & Enrolment

Course Content

Share This Course

Newsletter Sign-up

Have a Question?

Popular Courses

Useful Links

Contact Us

Share this page now!