Propriedade inputmode do HTML

Definição e uso

inputmode A propriedade permite que você altere a aparência do teclado em um telefone ou tablet (qualquer dispositivo com teclado virtual):

Veja também:

Tutorial de HTML:Atributos do HTML

Exemplo

Dica:Execute o exemplo em um telefone ou tablet para ver os resultados.

Exemplo 1

Apenas teclas numéricas são exibidas no teclado (virtual):

<input type="text" inputmode="numeric">
Resultado exibido no telefone pelo atributo inputmode

Experimente pessoalmente

Exemplo 2

A seguir, um exemplo que utiliza "email" no "inputmode":

<input type="text" inputmode="email">
Resultado exibido no telefone pelo atributo inputmode

Experimente pessoalmente

gramática

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

Valor do atributo

Valor Descrição
decimal Apenas exibe o teclado numérico, geralmente com uma tecla de vírgula.
email Teclado de texto, as teclas geralmente são usadas em endereços de e-mail, como [@].
none O teclado não deve aparecer.
numeric Apenas exibe o teclado numérico.
search Teclado de texto, a tecla [enter] geralmente é exibida como [go].
tel Apenas exibe o teclado numérico, geralmente com as teclas [+]、[*] e [#].
text Padrão. Teclado de texto.
url Teclado de texto, as teclas geralmente são usadas em endereços da Web, como [.] e [/], e o caractere especial [.com], ou outros sufixos de domínio usados em configurações locais.

Suporte de navegador

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