Атрибут hidden

Справочник:

Характеристики атрибута

В каких браузерах работает?


11.0+	5.0+	11.5+	1.0+	-	4.0+	-

Для чего используется

Атрибут hidden скрывает то, что записано в тег, в результате чего он не выводится на странице. Добраться до тега с этим атрибутом можно только с помощью специальных скриптов.

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

<E hidden>

Какие значения могут быть записаны в атрибут?

Присутствие значения для такого атрибута не обязательно. При остутсвии значения скрытие сработает. Также допускается следующая запись - hidden.

В каких тегах он может использоваться?

a	abbr	acronym	address
area	b	bdo	big
blockquote	body	button	caption
cite	code	col	colgroup
dd	del	dfn	div
em	embed	fieldset	form
h1 - h6	hr	i	iframe
img	input	ins	kbd
label	legend	li	map
menu	ol	option	p
pre	q	s	samp
select	span	strike	strong
sub	sup	table	tbody
td	textarea	tfoot	th
thead	tr	ul	var
dl	dt

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут hidden</title>
  <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>

Тип HTML атрибута:

Универсальные