Back to Components
Create Forms

Input Fields

All the input styles you could ever need, styled to match your device and powered by HTML5 validation for maximum compatibility.

Show / Hide Icons
Boxed / Unboxed Layout
Inside / Floating Label
Excellent!
Name is Missing or Invalid
(required)
Email address looks good!
Email is missing or is invalid.
(required)
Password address looks good!
Minumum 8 characters, 1 Number and 1 Capital Letter.
(required)
Phone Number looks good!
Phone Number is missing or is invalid.
(required)
The URL looks good!
Website is missing or is invalid.
(required)
HTML5 does not offer Dates Field Validation!
HTML5 does not offer Dates Field Validation!
HTML5 does not offer Dates Field Validation!

Colors, Sizes, Always Active

The input fields allow you to always show the label, set coloured icons or even increase the font size all from simple utility classes.

Excellent!
Name is Missing or Invalid
(required)
Time to Go Mobile

Get Duo Mobile Today

Start your next project with Duo and enjoy the power of a Progressive Web App.

Get Duo Now