Join Luke Wroblewski for an in-depth discussion in this video Input masks, part of Web Form Design Best Practices.
There are a number of situations where we need a specific format or structure for…the questions we ask people.…When we do so, we want to try and prevent the errors that they can make.…A technology that helps us along is Input Masks.…To talk about Input Masks let me first illustrate the different ways we can ask…people for an input. We can:…One (1)…give them a blank text input and ask them to specify the information in a…particular way, so at the top when we ask for Phone Number here, you can see…there is a single input field and then the structure of format that we need in…help text to the right.…
We can also enforce a very strict structure by dividing the phone number into a…number of input fields…The first one will only take three characters, the second one three and the last…one four, or we can provide a single input field and accept any of the valid…ways the Phone Number can be answered.…Now this requires a little bit of work on our end to determine if the answer…that they enter is actually valid or not, but it gives people the flexibility of…
- 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.