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
- Todas os atributos globais.