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>

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.