Значение hidden
Синтаксис
HTML
XHTML
<input type="hidden">
Описание
Тип hidden (от англ. "hidden" ‒ «скрытый») создаёт скрытый элемент формы.
Примечание
Скрытое поле не предназначено для прямого взаимодействия с пользователем. (Взаимодействие с пользователем, если оно и происходит, то, как правило, осуществляется с помощью скриптов.)
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | Hidden Field: INPUT TYPE=HIDDEN | Перевод |
| 3.2 | INPUT text fields, radio buttons, check boxes, ... | |
| 4.01 | 17.2.1 Control types hidden controls... DTD: Transitional
Strict
Frameset
|
|
| 5.0 | 4.10.5.1.1 Hidden state (type=hidden) | |
| 5.1 | 4.10.5.1.1. Hidden state (type=hidden) | |
| XHTML | ||
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
| 1.1 | Extensible HyperText Markup Language | |
Сопутствующие атрибуты
- disabled
- Блокирует скрытый элемент формы.
- form
- Присоединяет скрытый элемент к форме.
- name
- Присваивает имя скрытому элементу формы.
Примечание: Если атрибут «
name» имеет значение «_charset_» (с учётом регистра символов), то тогда атрибут «value» должен быть опущен. - value
- Указывает значение скрытого элемента формы.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение hidden (input-type)</title>
</head>
<body>
<h1>Пример со скрытым элементом формы "type=hidden"</h1>
<form><p>
<input type="button" onclick="alert(document.getElementById('datePage').value)" value="Дата редактирования примера">
<input type="hidden" id="datePage" value="2016-09-17">
</p></form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Значение hidden (input-type)</title>
</head>
<body>
<h1>Пример со скрытым элементом формы "type=hidden"</h1>
<form><p>
<input type="button" onclick="alert(document.getElementById('datePage').value)" value="Дата редактирования примера">
<input type="hidden" id="datePage" value="2016-09-17">
</p></form>
</body>
</html>
Значение hidden (input-type)