- How do I make an HTML form mobile friendly?
- Why do we need to make mobile web forms effective and efficient?
- How long should input fields be?
- What makes an effective form?
How do I make an HTML form mobile friendly?
Add a meta viewport tag to make the form fit the cell phone screen. The viewport is the user's visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.
Why do we need to make mobile web forms effective and efficient?
Efficiency becomes an important aspect. The longer it takes for users to fill in a mobile form, there is a higher possibility that failures or errors could happen, for instance, drop of connection. In addition, there might be costs involved for mobile data.
How long should input fields be?
Match fields to the fixed input length
Studies show that those input fields typically range from 18 to 33 characters.
What makes an effective form?
A good form is scannable, doesn't require a lot of typing and includes smart labeling and formatting to help users fill out forms correctly the first time.