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.

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 .