VoV 049: Input Masks

Views on Vue


Episode Summary

In this episode Chris and Divya discuss the various aspects of making online forms for clients or checkout processes for customers user friendly. They discuss input masking which allows the user who might be a client or customer to input data such as phone numbers and emails in a way that is readable to the user while still allowing the browser to read the information on the website or when filling out an online form.

Chris and Divya touch on some basic questions the engineer might come across in creating these fields. These include: where the users cursor is, pasting issues, time zones, autosizing text areas.

They go into detail on filling out forms and the options of having multiple end-points one end point, and ways to help the customer or client fill out data smoothly and correctly. They discuss a little about using a progress bar to help users to see how far along they are in the process. They discuss the option of help-text which helps users to quick reference what something might be when filling out a less familiar form. They discuss briefly the usage of max-limit or max-length; AB Testing.

Ultimately in this episode, Chris and Divya help those software engineers who are wanting a basic understanding of what questions they might come across to make a client or customers process on the form or site as smooth as possible through input masking and more.




  • Stardew Valley
  • Talk to people - “Talk to people in your life when you are having a hard time. It can be tempting to not want to bother people with your problems you don’t want people to feel like you are causing a problem. Every day that you avoid people you lose friendship points.There is not a risk to reaching out, being vulnerable, and sharing.”


Audio Player