Atributo inputmode de HTML

Definición y uso

inputmode La propiedad permite cambiar el aspecto del teclado en teléfonos o tabletas (cualquier dispositivo con teclado virtual):

Vé también:

Tutoriales HTML:Atributos de HTML

Ejemplo

Consejo:Por favor, ejecuta el ejemplo en un teléfono o tableta para ver los resultados.

Ejemplo 1

Sólo se mostrarán los botones numéricos en el teclado (virtual):

<input type="text" inputmode="numeric">
Resultado de visualización de la propiedad inputmode en el teléfono móvil

prueba personalmente

Ejemplo 2

El siguiente ejemplo utiliza "email" para el "inputmode":

<input type="text" inputmode="email">
Resultado de visualización de la propiedad inputmode en el teléfono móvil

prueba personalmente

gramática

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

Valor del atributo

Valor Descripción
decimal Solo se muestra el teclado numérico, generalmente también hay una tecla de coma.
email Teclado de texto, las teclas generalmente se utilizan en direcciones de correo electrónico, como [@].
none No debe aparecer el teclado.
numeric Solo se muestra el teclado numérico.
search Teclado de texto, la tecla [enter] generalmente se muestra como [go].
tel Solo se muestra el teclado numérico, generalmente también hay teclas [+]、[*] y [#].
text Predeterminado. Teclado de texto.
url Teclado de texto, las teclas generalmente se utilizan en direcciones URL, como [.] y [/], y los caracteres de terminación de dominio especiales [.com], u otros caracteres de terminación de dominio locales habituales.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
66 79 95 12.2 53