Input controls
A set of common input controls based on the <input>
element.
Note: All input controls are wrappers around existing Phoenix built-in helpers.
Common
-
TextInput - An input field that let the user enter a single-line text.
-
RadioButton - A button normally presented in radio groups defining a set of related options.
-
HiddenInput - A hidden input field.
-
Checkbox - Defines a checkbox.
-
Inputs - A wrapper for
Phoenix.HTML.Form.html.inputs_for/3
.
Other
-
ColorInput - An input field that let the user specify a color, either with a text field or a color picker interface.
-
DateInput - An input field that let the user enter a date, either with a text field or a date picker interface.
-
DateTimeLocalInput - An input field that let the user enter both date and time, using a text field and a date picker interface.
-
EmailInput - An input field that let the user enter one or multiple e-mails.
-
NumberInput - An input field that let the user to enter a number.
-
PasswordInput - An input field that let the user securely specify a password.
-
RangeInput - An input field that let the user specify a numeric value in a given range, usually using a slider.
-
SearchInput - An input field that let the user enter search queries.
-
TelephoneInput - An input field that let the user enter a telephone number.
-
TimeInput - An input field that let the user enter a time (hours, minutes and optionally seconds).
-
UrlInput - An input field that let the user enter a URL.
-
FileInput - Generates a file input.
-
HiddenInputs - A wrapper for
Phoenix.HTML.Form.html.hidden_inputs_for/1
.