⌨️Input Fields

This page lists a selection of input fields that are supported. However, it's worth noting that other input fields may also be compatible with our system, even if they are not specifically listed here

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]"  />