hidden

O atributo global hidden é um atributo booleano que indica se um elemento é ou não relevante. Por exemplo, ele pode ser usado para esconder elementos de página que não podem ser usados até que o processo de login seja completo. Os navegadores não renderizarão elementos com o atributo hidden setado.

O atributo hidden não deve ser utilizado para esconder conteúdo que poderia ligitimamente ser mostrado em outra apresentação, por exemplo, não é correto usar  hidden para esconder abas de formulários em paineis, porque interfaces separadas por abas são meramente um tipo de apresentação em fluxo — o que pode ser igualmente mostrado em forma vertical com barra de rolagem. É similarmente incorreto usar este atributo para esconder conteúdo de apenas uma apresentação — se algo está marcado como hidden, ele está escondido de todas as apresentações incluindo, por exemplo, leitores de tela.

Elementos com hidden não devem estar ligados a outros elementos sem hidden. Elementos filhos de um elemento com o atributo hidden ainda estão ativos, ou seja, é possível executar a ação submit de um formulário ou uma tag script pode ser executada se em ambos os casos estes elementos forem filhos de um elemento com o atributo hidden.

Nota: Mudando o valor da propriedade display no CSS de um elemento com o atributo hidden sobrescreve o comportamento. Por exemplo, elementos com o estilo display: flex; serão mostrados independente da presença do atributo hidden.

Especificações

Specification Status Comment
WHATWG HTML Living Standard
The definition of 'hidden' in that specification.
Living Standard Sem mudanças desde o último snapshot, HTML5.1
WHATWG HTML Living Standard
The definition of 'Hidden elements' in that specification.
Living Standard Define o processamento padrão sugerido do atributo hidden usando CSS
HTML5.1
The definition of 'hidden' in that specification.
Working Draft Definição inicial do snapshot de WHATWG HTML Living Standard

Compatibilidade em navegadores

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico (Yes) 4.0 (2) 11 (Yes) (Yes)
Feature Android Chrome para Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico 4 (Yes) 4.0 (2) 11 (Yes) (Yes)

Veja também

Etiquetas do documento e colaboradores

 Colaboradores desta página: sheldonled
 Última atualização por: sheldonled,