2014
Train Simple
2:45
English
Learn how to make client-side web forms using new attributes and options available in the HTML5 specification. Join Geoff Blake as he guides you through what you need to know to build and create forms for your website, and how to optimize those forms for various screen sizes.
1. Getting Started
Welcome
Tools To Consider Using
Understanding How Forms Work
2. Working with Common Form Elements
Setting Up A Basic Form
Inserting Text Fields
Creating a Password Field
Using Text Area Fields
Creating a Group of Checkboxes
Creating a Set of Radio Buttons
Inserting Dropdown Menus and Scrollable Lists
Setting Up Submit & Reset Buttons
Other Methods for Creating Buttons
3. New HTML5 Input Attributes
Adding Placeholder Text to Fields
Autofocusing Form Fields
Using Autocomplete
Forcing Fields To Be Required
Using Novalidate & Formnovalidate
Controlling Data Entry with The New Pattern Attribute
Suggesting Entries Using the New List Attribute
4. HTML5 Form Elements
Using the New Email Address Field
Inserting a Phone Number Field
Adding in A Number Field
Capturing Number Ranges
Creating A Web Address Field
Inserting The New Search Field Element
Using The New Color Picker Field
Adding a Date Picker Field
Using The Meter Element
Creating a Progress bar
5. Going Further
Setting Tab Order
Using CSS Pseudo Classes For Form Styling
Applying CSS to Form Elements
Thanks For Watching
Download File Size:872.2 MB