Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

MPROVE UI AND UX DESIGN OF WEB FORMS

For desktop, forms make sure that you have autofocus on the first input field when you open a particular form. Moreover, it's good if you can move between elements with Tab key.

In mobile/tablet experience, it's good to match keypad.Use specific HTML input types to show the correct keypad.

Mobile and desktop

input type=”text” displays the normal mobile device keyboard

input type=”email”** displays the normal keyboard plus ‘@’ and ‘.com’

input type=”tel” displays the numeric 0-9 keypad

input type=”number” displays a keyboard with numbers and symbols

input type=”password” this hides characters as they’re typed in the field

input type=”date” this displays the mobile’s date selector

input type=”datetime” this displays the mobile’s date and time selector.

input type=”month” this displays the mobile’s month/year selector

Note: Open in mobile to see the difference

About

Form with new HTML5 type

Resources

Releases

No releases published

Packages

No packages published

Languages