Há uma década, o HTML e o CSS adicionaram a capacidade de, pelo menos, sinalizar a validação dos campos de formulário. O required ajudou a informar aos usuários quais campos eram obrigatórios, enquanto o atributo pattern permitiu que os desenvolvedores fornecessem uma expressão regular para comparar com um <input>. O direcionamento de campos obrigatórios e valores de validação apenas com CSS e HTML foi muito útil.

O senhor sabia que o CSS fornece :optional para permitir que o senhor estilize elementos de formulário que não são necessários?

input:optional, select:optional, textarea:optional {
  border: 1px solid #eee;
}

[required] {
  border: 1px solid red;
}

De certa forma, parece que o :optional representa :not([required]), mas :optional está limitado a apenas campos de formulário.

  • Como corrigir a impressão sIFR com CSS e MooTools

    Embora eu não seja um grande defensor do sIFR, posso entender seu fascínio. Recentemente, um cliente nos pediu para implementar o sIFR em seu site, mas encontrei um problema: os cabeçalhos do sIFR não eram impressos porque eram objetos do Flash. Veja como corrigir…

  • Exclusão animada de registros AJAX usando MooTools

    Sou um grande fã do método do WordPress de exclusão de artigos individuais. O usuário clica no link de exclusão, o item de menu fica vermelho e o item desaparece. Veja como obter essa funcionalidade com o MooTools JavaScript. O PHP – Conteúdo & Cabeçalho O trecho a seguir vai para o…