Forms

Text Input




Text Input with Full Width Fields



Text Input with Padding

Text Input with Border

Text Input with Search Icon

Radio Buttons

Male
Female
Binary
Other

Form with Submit

First name:

Last name:


Form with Select Element



Form with Select Element which allows Multiple Selections



Hold down the Ctrl (windows) / Command (Mac) button to select multiple options.

Form with Text Area i.e. multi-line input field


Form with datalist Element

Form with output Element

The output element represents the result of a calculation.

0 100 + =

Form with Password field

User name:
User password:

Form with Reset Button

First name:
Last name:


Form with Checkboxes

I have a bike
I have a car

Form with Input Button

Form with Color Picker

Select your favorite color:

Form with Date Field

Birthday:

Form with File upload

Select a file:

Form with Number Field

Quantity (between 1 and 9999):

Form with Telephone Field

Telephone: Format: 123-45-678

Form with Time Field

Select a time:

Form Demonstrating Various Attributes

First name:

Last name:

Middle name:

Store name: