From the course: Building HTML5 Forms with Dreamweaver
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The key elements of good form design - Dreamweaver Tutorial
From the course: Building HTML5 Forms with Dreamweaver
The key elements of good form design
- [Instructor] Let's get down to brass tax. How do we actually implement inviting and accessible forms? Well, the key link is using HTML5 input types that configure accessible inputs. Those input types include color. Now, you could ask people to type their favorite color, or enter a hexadecimal value for it, but I think this is a lot more inviting. The date field, and we've already looked at this. You can subject users to typing in a date, or you can present them with an accessible calendar, one-click shopping again. Email addresses, it's so much easier to enter a properly configured email address in a mobile device. Take a look at this keypad, it's got the @ symbol, it pops up with .us, .org, .edu, .net, .com, and it's much easier to click email addresses with a properly configured HTML5 email input. Numbers, don't make users hunt around for the number section of their keypad or keyboard, let them just use a spinner to select a value. Range, I like the range slider, because on a…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.