Basic Form Fields

Text Data

Text Input
A simple text field is the most commonly used form element.
Its lack of specificity makes it ideal to collect anything from names, to addresses, to phone numbers and more.
Textarea
Textareas collect simple text data, but allow a nearly limitless amount of characters.
The versatility of this field allows for "essay" questions such as questions or comments, biographies, reasons for leaving past jobs, or why someone should win a contest.

Single Options

Select / Options List
Selects (or Options) use a list of preset values to allow the user to select one option.
As in the example, this is often used for long lists such as States or Provinces, but can be used for any length of list. The one suggestion is that the options are limited to no more than three words, for merely aesthetic reasons.

Radio Buttons
Like selects, radio buttons use a list of preset values to allow the user to select one option.
As in the example, this is often used for short lists such as marriage status or gender, but can be used for any length of list. The benefit of radio buttons over selects is that they allow for greater styling and better handle longer-worded options, such as "Are you eligible to work in the United States".

Multiple Options


Checkboxes
Checkboxes look similar to radio buttons, but allow for multiple options to be selected.
These are best used for variable options, where a user might select every option, but is also not required to select every option.