Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML inputmode Attribute


Example

Show only numeric keys on the (virtual) keyboard.

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

<input type="text" inputmode="numeric">
Try it Yourself »

Definition and Usage

The inputmode attribute allows you to change the appearance of the keyboard on a phone or tablet (any device with a virtual keyboard).

Here is the result of the example above, on my phone:

The example below uses inputmode "email":

Example

<input type="text" inputmode="email">
Try it Yourself »

Browser Support

Attribute
inputmode 66 79 95 12.2 53

Syntax

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

Attribute Values

Value Description
decimal Numeric only keyboard, usually also a comma key
email Text keyboard, with keys typically for e-mail addresses like [@]
none No keyboard should appear
numeric Numeric only keyboard
search Text keyboard, usually the [enter] key says [go]
tel Numeric only keyboard, usually also with [+], [*], and [#] keys
text Default. Text keyboard
url Text keyboard, with keys typically for web addresses like [.] and [/], and a special [.com] key, or other domain endings that are typically for the local settings.

Related Pages

HTML Tutorial: HTML Attributes