HTML <input> inputmode Attribute

HTML <input> inputmode Attribute

Example

<form action="action.php">
  <label for="tel">Telephone:</label>
  <input type="tel" inputmode="tel" id="tel" name="tel"><br><br>
  
  <label for="url">URL:</label>
  <input type="url" inputmode="url" id="url" name="url"><br><br>
  
  <label for="email">email id:</label>
  <input type="email" inputmode="email" id="email" name="email"><br><br>
  
  <input type="submit">
</form>

Try this code ❯

Meaning

Global value valid for all elements, it provides a hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.

Values include none, text, tel, url, email, numeric, decimal, and search.

Standard Syntax

HTML: <input inputmode="none|text|tel|url|email|numeric|decimal|search">

XHTML: <input inputmode="none|text|tel|url|email|numeric|decimal|search"/>

Browser Support

Note 1: Support can be enabled via the dom.forms.inputmode flag

Status

Attribute Values

Value	Description
none	The default keyboard.
text	The text configured keyboard.
tel	The telephone configured keyboard.
url	The url configured keyboard.
email	The email configured keyboard.
numeric	The numerical configured keyboard.
decimal	The decimal configured keyboard.
search	The searching configured keyboard.