• Home
• Web Tutorial
• Full Course
• English Tutorial
• HTML
• HTML Global Attributes
• What is HTML inputmode Attribute

How to Show only numeric keys on the (virtual) keyboard

Run the example with a phone or tablet to see the result.

index.html

 <input type="text" inputmode="numeric"> 

Output should be:

How to Show only decimal keys on the (virtual) keyboard

The keys on the virtual keyboard is decimal only.

index.html

<input type="text" inputmode="decimal">

Output should be:

How to Show only email keys on the (virtual) keyboard

Some of the keys are switched out with keys used typically for e-mail addresses.

index.html

 <input type="text" inputmode="email"> 

Output should be:

How to Show only none keys on the (virtual) keyboard

index.html

<input type="text" inputmode="none">

Output should be:

How to Show only search keys on the (virtual) keyboard

index.html

<input type="text" inputmode="search">

Output should be:

How to Show only tel keys on the (virtual) keyboard

The keys on the virtual tel is search only.

index.html

<input type="text" inputmode="tel">

Output should be:

How to Show only text keys on the (virtual) keyboard

The keys on the virtual keyboard is text only.

index.html

<input type="text" inputmode="text">

Output should be:

How to Show only url keys on the (virtual) keyboard

The keys on the virtual keyboard is url only.

index.html

<input type="text" inputmode="url">

Output should be: