:required

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

/* 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

:required

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

Especificação Status Comentário
HTML Living Standard
The definition of ':required' in that specification.
Padrão em tempo real Sem mudança.
HTML5
The definition of ':required' in that specification.
Recomenda√ß√£o Define a sem√Ęntica de valida√ß√£o e de restri√ß√£o HTML.
Selectors Level 4
The definition of ':required' in that specification.
Rascunho atual Sem mudança.
CSS Basic User Interface Module Level 3
The definition of ':required' in that specification.
Recomenda√ß√£o Define a pseudo-classe, mas n√£o a sem√Ęntica associada.

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também