:required

A pseudo-classe CSS :required representa qualquer <input>, <select>, ou <textarea> contendo o atributo required.

css
/* Seleciona qualquer <input> requerido */
input:required {
  border: 1px dashed red;
}

Esta pseudo-classe é utilizada para destacar campos que devem ter dados válidos antes do formulário ser submetido.

Nota: A pseudo-classe :optional seleciona campos do formulário que são opcionais.

Sintaxe

Error: could not find syntax for this item

Exemplos

Veja :invalid como exemplo.

Preocupações com acessibilidade

Elementos <input> obrigatórios devem ter o atributo required atribuídos. Isso garante que pessoas que navegam com auxílio de recursos de acessibilidade, como o leitor de tela, possam entender quais campos precisam ter conteúdos válidos para garantir a submissão dos dados .

Se o formulário também possui campos opcionais, entradas requeridas devem ser indicadas visualmente usando um tratamento que não seja apenas a cor para passar o significado. Usualmente, textos descritivos e/ou um ícone são utilizados.

Especificações

Specification
HTML Standard
# selector-required
Selectors Level 4
# opt-pseudos

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também