Скрытое поле



Влад Мержевич

Часто возникает ситуация, когда требуется передать в форме некоторые промежуточные данные, которые не должны изменяться пользователем. Более того, такие данные не должны показываться пользователю, поскольку носят технический характер и обычно служат для передачи некоторой информации от страницы к странице. Для этой цели применяется скрытое поле, оно не отображается на странице и прячет своё содержимое от пользователя. Посетитель не может в него ничего внести или напечатать.

Синтаксис создания скрытого поля.

<input type="hidden" атрибуты>

Атрибуты перечислены в табл. 1.

Табл. 1. Атрибуты скрытого поля
Атрибут Описание
name Имя поля для его идентификации обработчиком формы.
value Значение поля, определяющее, какая информация будет отправлена на сервер.

Пример использования скрытых полей приведен в примере 1.

Пример 1. Использование скрытого поля

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Скрытое поле</title>
 </head>
 <body>
  <form action="handler.php" method="post">
   <p><b>Напишите любимое слово и нажмите кнопку Отправить 
   (никакие данные не будут передаваться на сервер!):</b></p>
   <p><input size="25" name="word">
   <input type="hidden" name="name" value="Vasya">
   <input type="hidden" name="password" value="pupkin"></p>
   <p><input type="submit" value="Отправить"></p>
  </form> 
 </body>
</html>

В данном примере показано создание двух скрытых полей, одно из них носит имя name и получает значение Vasya, а второе именуется password со значением pupkin. В результате отправки формы обработчику, указанному в атрибуте action, программа может легко прочитать эти данные и интерпретировать их по усмотрению разработчика.

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.