Form Options

  • Home
  • Form Components
  • Form Options

Basic Inputs

Basic HTML form components with custom style.
Your password must be between 8 and 30 characters.
Hold shift or press ctrl for multi select.

HTML Input Types

Here are the different input types you can use in HTML. Check more at W3Schools
Try selecting more than one file when browsing for files.
a search field behaves like a regular text field

Sizing

Input sizing using .form-control-lg and .form-control-sm class.
.form-control-sm
.form-control
.form-control-lg
Input Attributes
Examples of autofocus, value, readonly, disabled, required attributes in Input .
autofocus on page load
Submit the form to see it in action
The input readonly attribute specifies that an input field is read-only
The value of a disabled input field will not be sent when submitting the form
Advance Input attributes
Examples of maxlength, min, max, step, pattern, list attributes of Input.
Submit form for checkout attribute functionality.
maxlength set to 4 characters
Enter a date before 1980-01-01
Enter a date after 2000-01-01
i.e.between 1 and 5
step set to 3
pattern attribute - three letter country code
The datalist tag is not supported in Safari 12.0 (or earlier).
Theme Customizer
Primary color settings
Layout settings
Right To Left