One of the key aspects of any successful form is clarity. If the user finds the form easy to use and easy to understand, they are more likely to fill it in and submit it. In this chapter, we are going to be looking at input masking. You will learn how to quickly and easily apply masks to your form inputs, and to configure them to your needs with real-life examples, such as telephone numbers.
What exactly are input masks? They are pre-defined structures that display the data for an input. For example, if you were going to mask a telephone input, you'd probably want it to display as (123) 234-5555, instead of simply, 1232345555. You can clearly see that the first example is not only easier to read but it also conveys meaning about what the field is trying to accomplish.
Input masks are a nice feature to take your UX to another level, and they are...