Default input labels and text sizes

1. How wide should input fields be?
2. How tall should a form field be?
3. Should input fields have labels?
4. What is a text input field?

How wide should input fields be?

For form fields with a variable input (name or email) length but within a standard average, you should find a suitable width based on the average length of possible inputs. Studies show that those input fields typically range from 18 to 33 characters.

How tall should a form field be?

A rule of thumb is 45–57px for a touch target, but for mobile that often result in fields which look obnoxiously large. Sizing input fields between 32px and 40px in height makes your field finger-friendly and not very large at the same time.

Should input fields have labels?

Effective form labels are required to make forms accessible. The purpose of form elements such as checkboxes, radio buttons, input fields, etcetera, is often apparent to sighted users, even if the form element is not programmatically labeled. Screen readers users require useful form labels to identify form fields.

What is a text input field?

A text field is a rectangular area in which people enter or edit small, specific pieces of text.