Join Luke Wroblewski for an in-depth discussion in this video Input types, part of Web Form Design Best Practices.
Form organization gave us a sense of how we structure the elements that make up a Web form,…the labels, the input fields, the actions, where replace things and how we lay them…out across pages and even within the form.…Form interactions are really where people start having conversations with us and…the services that we provide online.…There's a lot of back and forth and a lot of interactivity that happens…inside of the form.…So let's look at some of the details around what makes that happen.…We'll start with input types.…
Input types are the bread and butter of interactivity on the Web.…There are several input types that are available to us inside of Web…browsers through HTML.…Many of these you're probably familiar with, the checkbox, the radio button,…the password field, drop-down lists, ways to pick files, submit, and plain text inputs.…These guys are the real work horses of Web forms and we call on them in many…different situations to help people provide the right kinds of answers in their forms.…
- Understanding why forms matter
- Deciding on the form length and structure
- Adding tabs to a form
- Creating required fields
- Adding input masks
- Creating selection-dependent inputs and actions
- Displaying success and error messages
- Adding inline validation
- Understanding gradual engagement
- Enabling touch and audio input on devices
Skill Level Appropriate for all
1. Form Organization
2. Form Interaction
3. Moving Beyond Static Forms
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.