Атрибут hidden

Глобальный атрибут hidden скрывает элемент в документе. Это логический атрибут, указывающий, что элемент еще не установлен или больше не является актуальным. К такому элементу пользователь доступ не имеет, но к нему можно обратиться через скрипты. Так как атрибут hidden  можно устанавливать с помощью CSS, нужно убедиться, что правило применяемое ко всем элементам не отменяло эффекты атрибута hidden. Элементы в разделе, скрытом атрибутом hidden, по-прежнему остаются активными, например, скрипты и элементы управления формами в таких разделах все равно выполняются и отправляются соответственно. Изменяется только их представление пользователю.

Значения

В качестве значения можно указывать ="hidden". См. Пример 1.
Или оставить атрибут пустым hidden =" ", или hidden.

Значение по умолчанию

По умолчанию атрибут выключен.

Обязательный атрибут

нет

Синтаксис

hidden

Спецификация

версия HTML 3.2 HTML 4.01 HTML 5.0 XHTML 1.0 XHTML 1.1
поддержка нет нет да нет нет

Поддержка браузерами

браузер IE Chrome Opera Firefox Safari
версия 6.0+ 2.0+ 4.0+ 9.2+ 1.0+
поддержка да да да да нет

Пример

Пример 1.

<input name="country" type="hidden" value="US" />

Пример 2.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>hidden</title>
<style>
   #link {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
   }
  </style>
  <script>
    function showForm() {
    document.getElementById("auth").hidden = false;
    document.getElementById("link").hidden = true;
   }
  </script>
 </head>
 <body>
  <p id="link" onclick="showForm()">Войти</p>
  <form id="auth" hidden>
   <p><label>Логин: <input name="user" required></label></p>
   <p><label>Пароль: <input name="pass" type="password" required></label></p>
   <p><input type="submit" value="Войти"></p>
  </form> 
 </body>
</html>