HTML5 and CSS3 Training Course level: Beginner to Intermediate
Total Duration: 6 Hours
Certification: Certificate of Completion will be provided after completing the course

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.

Skills Required

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

Please check back our website again soon for dates or contact us.
  1. 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
  2. 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
  3. 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
  4. 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
  5. 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.

Course Tutor

The course instructor is a web developer with a focus in front-end development, digital media design, and networking technologies. She is trained as a Cisco Certified Network Engineer and posseses knowledge in web technologies such as HTML5, CSS3, Javascript, Actionscript, and the Adobe Suite pack.

Newsletter Sign-up

Have a Question?