Máscara com CSS puro?

[Mateus ' 0]

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...

[William Bruno 1501]

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

Vc precisa de javascript.

[André do Vale 76]

O atributo pattern ainda não é bem propagado entre os browsers e serviria para o proposto. Portanto, use JS até um completo uso.

 

Veja mais:

http://www.wufoo.com/html5/

[William Bruno 1501]

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.

[André do Vale 76]

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.

[Mateus ' 0]

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.