Атрибут 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 | да | да |
---|