Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Атрибут hidden

Дата:21.08.15 в 14:35
Справочник: 

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

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

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>

Оценка: 
Оценок: 1 (средняя 5 из 5)
Тип HTML атрибута: 
Понравилась статья? Расскажите о ней друзьям: