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 mobile device,…the user can just drag and select a value…