— html, css, javascript, forms, twil — 1 min read
Estou revendo algumas partes das APIs nativas do browser. E, ao dar uma olhada na parte de validação de formulários, me surpreendi quanta coisa já é parte da biblioteca nativa. Já havia utilizado algumas libraries de validação que são feitas em cima da nativa, mas não sabia o quanto era nativo e o quanto não era.
E já na parte de adicionar estilo para os campos para quando estão com erros e tal, sempre é um pouco chato ficar cuidando se o campo está vazio e inválido porque o usuário apagou tudo que estava lá ou se o campo começou inválido e não deveria mostrar o erro etc etc. Mas o css já oferece uma pseudo-class :user-invalid
que eu não sabia que existia ou, pelo menos, não lembrava. E essa pseudo-class é ativada quando o campo está inválido e foi modificado pelo usuário.
Já fazendo uma revisão rápida de CSS, não lembrava da propriedade flex-flow
que é um jeito de aplicar as propriedades flex-direction
e flex-wrap
com uma declaração só de css.