Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Mateus '

Máscara com CSS puro?

Recommended Posts

Bom dia.

 

Gostaria de saber se há algum meio de se aplicar máscara em formulários sem ser com Jquery, mas sim com CSS Puro... Pesquisando encontrei apenas métodos com plugins, mas com CSS puro nada...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nops, com css/html não é possível.

Vc precisa de javascript.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Além de que o pattern é uma validação se o usuário digitou "correto", e não uma máscara.

 

Uma máscara formata o que ele digitar (inserindo pontos, traços, barras, etc), e impede que ele coloque caracteres inválidos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, correto. Mas seria a forma ideal de se trabalhar. E, em conjunto, com uma descrição da obrigatoriedade (ou do porquê) e de como o campo deve(ria) ser preenchido.

 

A máscara, que hoje tanto utilizam, é uma invasão ao método de entrada humano. Vejo como uma afronta ao usuário, como se o usuário fosse burro. E não, não é. Além do que, máscaras não são nenhum pouco acessíveis. Estão ali puro esteticamente e para mostrar ao usuário como irá formatar 'bonitinho' a entrada de informação.

 

Se é para mostrar ao usuário como preencher o campo, dou preferência ao placeholder ou uma linha de texto explicando como a entrada de dados deve ser feita. Caso haja erro, ainda assim no JS ou no back é feito uma outra validação, onde os dados tentam passar (o que pode acontecer com caracteres especiais a mais, ou a menos).

 

O pattern vem justamente para ajudar nisto, e fazer com que o trabalho que antes seria feito com scripts ou linguagem server-side seja feito diretamente no conteúdo e com contexto aplicado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Apenas confirmando, sobre o atributo pattern já havia utilizado, mas acho chato ter que ficar aplicando JS pra mask, ainda prefiro trabalhar só com CSS puro.

 

Obrigado, podem fechar o tópico.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.