1
resposta

Usar <input type="tel"> para CPF ou CEP é errado?

Olá, pessoal tudo bem?

Acabei de ver na aula esses novos campos para já abrir o teclado numérico do celular. Neste dois casos acima, como realmente são somente número, seria melhor para o usuário abrir o input com o teclado numérico grande. É errado usar type="tel" para esses campos ou existe outra maneira de abrir o teclado numérico?

1 resposta

Olá Lucas, boa tarde!!

*Resolução do Problema: *

De acordo com a sua pergunta, você quer saber se é errado usar o tipo "tel" para esses dois casos e se sim, qual seria a outra maneira para abrir um teclado numérico. Vamos lá!

*Solução do Problema: *

Sim esta errado! para o contexto proposto (que seria de um cpf e cep) ele vai esta semanticamente errado, mas por que? Porque o valor "tel" serve para por um numero de telefone, ou seja, quando o navegador "ler" o seu arquivo html, ele vai entender que aquele input de usuário serve para por um numero de telefone e não um numero qualquer. Para esse caso o melhor a ser usado é o "number (type="number"). Como o próprio nome já diz, ele serve para colocar valores numéricos no input, e como o cpf e o cep são números, é o que mais se encaixa semanticamente correto. Quando for para o mobile, ele irá aparecer o teclado numérico.

// Para numero genérico -->
<input type="number" value="22222000000">

// Para numero de telefone  -->
<input type="tel" value="5521988322215">

*Despedida: *

Se a sua dúvida foi resolvida, não se esqueça de colocar a questão como resolvida, pois assim as pessoas que tiverem o mesmo problema que você, saberam que a sua pergunta foi resolvida e clicaram nela para saber como resolver.

Tenha um bom estudo!!