: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 de navegadores

BCD tables only load in the browser

Veja tambƩm