hidden

Описание

Атрибут hidden скрывает содержимое элемента от просмотра на странице.

Этот атрибут обычно используется для скрытия элементов, которые отображаются при выполнении какого-то условия (например, установки флажка). С помощью JavaScript можно удалить данный атрибут у элемента, и сделать элемент видимым для пользователя.

Синтаксис:

<element hidden >

Например,

<form  hidden></form>

Значения

В качестве значения можно указать hidden, или любое значение (hidden="hidden", hidden="0", hidden=""), важно само наличие атрибута.

Примечание

Скрытые элементы не должны быть связаны с видимыми элементами. Например, было бы неправильно использовать атрибут href для ссылки на скрытый раздел. Для поддержки данного атрибута старыми браузерами часто использовался простой полифил через CSS-код:

* [hidden] {
      display:none;
}

Учтите, что изменение CSS-свойства display значением отличным от none (например, display: flex) переопределит поведение элемента с атрибутом hidden - он будет отображаться, несмотря на присутствие этого атрибута.

Пример

Совместимость браузеров

Настольные браузеры

Базовая поддержка 61241111.55.1

Мобильные браузеры

Базовая поддержка 470да412дада

См. также: