Атрибут hidden скрывает содержимое элемента от просмотра на странице.
Этот атрибут обычно используется для скрытия элементов, которые отображаются при выполнении какого-то условия (например, установки флажка). С помощью JavaScript можно удалить данный атрибут у элемента, и сделать элемент видимым для пользователя.
<element hidden >Например,
<form hidden></form>В качестве значения можно указать hidden, или любое значение (hidden="hidden", hidden="0", hidden=""), важно само наличие атрибута.
Скрытые элементы не должны быть связаны с видимыми элементами. Например, было бы неправильно использовать атрибут href для ссылки на скрытый раздел.
Для поддержки данного атрибута старыми браузерами часто использовался простой полифил через CSS-код:
* [hidden] {
display:none;
}Учтите, что изменение CSS-свойства display значением отличным от none (например, display: flex) переопределит поведение элемента с атрибутом hidden - он будет отображаться, несмотря на присутствие этого атрибута.
| Базовая поддержка | 6 | 12 | 4 | 11 | 11.5 | 5.1 |
|---|
| Базовая поддержка | 4 | 70 | да | 4 | 12 | да | да |
|---|