betterform
Search…
Input Fields
This page lists input fields that can be used. Please note that inputs not listed are still likely supported.
Add a name attribute to all input fields in your form.

Text

This is the default value. Supports a single-line text field. Line-breaks are automatically removed from the input value.
<input type="text" name="Full Name" />

Textarea

The <textarea> element is often useful in a form, because it collects user inputs such as comments or reviews. A <textarea> can hold an unlimited number of characters, and the text renders in a fixed-width font.
<textarea name="Review" rows="4" cols="50"></textarea>

Select

The <select> element represents a control that provides a menu of options.
<select name="Plan">
<option value="Free">Free</option>
<option value="Premium">Premium</option>
<option value="Unlimited">Unlimited</option>
</select>

Email

A field for editing an email address. Looks like a text input, but has validation parameters and relevant keyboard in supporting browsers and devices with dynamic keyboards.
<input type="email" name="Email" />

URL

A field for entering any URL. Looks like a text input, but has validation parameters and relevant keyboard in supporting browsers and devices with dynamic keyboards.
<input type="url" name="Website" />

Telephone

A control for entering a phone number. Displays a phone keypad in some devices with dynamic keypads such as smartphones.
<input type="tel" name="Phone Number" />

Number

A control for entering a number. Displays a spinner and adds default validation when supported. Displays a numeric keypad in some devices with dynamic keypads.
<input type="number" name="Quantity" />

Checkbox

A check box allowing single values to be selected/deselected.
<input type="checkbox" name="Receive Emails" />

Hidden

A control that is not displayed but whose value is submitted to the server. Used to add context about current user, and other values you want to be change.
<input type="hidden" name="User" value="[email protected]" />