Input Fields

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

Note: To view all available styles, use the toggles below to switch between views. Inputs have a variety of styles available.

Your Name

Excellent!

Name is Missing or Invalid

(required)

Your Email

Email address looks good!

Email is missing or is invalid.

(required)

Your Password

Password address looks good!

Minumum 8 characters, 1 Number and 1 Capital Letter.

(required)

Your Phone

Phone Number looks good!

Phone Number is missing or is invalid.

(required)

Your Website

The URL looks good!

Website is missing or is invalid.

(required)

Select a Date

HTML5 does not offer Dates Field Validation!

Select an Option

HTML5 does not offer Dates Field Validation!

Your Message

HTML5 does not offer Dates Field Validation!

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

Your Name

Excellent!

Name is Missing or Invalid

(required)

Get Duo Mobile Today

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