Скрытое поле не показывается на странице и прячет свое содержимое от пользователя. Посетитель не может ничего в него внести или напечатать. Цель разработки скрытых полей — в передаче технической информации на сервер. В большинстве случаев это необходимо для передачи данных формы от страницы к странице.
Синтаксис разработки скрытого поля.
name — имя поля, которое позволяет программе идентифицировать его.
value — значение поля определяет какая информация будет отправлена на сервер.
Вариант использования скрытого поля показан в примере 1.
С помощью HTML hidden разработчики веб-форм могут хранить и отправлять информацию, скрытую от пользователей.
Скрытые поля можно использовать для сохранения текущего состояния многостраничных форм, собирать cookie-файлы для отправки вместе с формой, а также хранить данные, которые не вводятся пользователем.
Это может быть как неизменяемая информация, так и данные, генерируемые с помощью JavaScript , о которых пользователь может и не подозревать ( например, время загрузки формы ).
Примечание : Не забывайте, что скрытые поля нельзя назвать полностью скрытыми — они просто недоступны большинству пользователей, но легко просматриваются в исходном коде страницы. Поэтому никогда не храните в них пароли или другие конфиденциальные данные.
Пример использования атрибута hidden в теге Input
Синтаксис использования hidden HTML input должен соответствовать строке, выделенной в коде, приведенном ниже в качестве примера:
Как видно из примера, мы сохраняем в скрытом поле значение страны “ US ”, поэтому, когда пользователь отправит форму, мы будем знать, что он из США. Разумеется, эти данные можно поменять на другие, изменив HTML-код .
Можно использовать hide HTML для хранения даты и времени ( в примере это сделано с помощью MySQL ):
В PHP можно воспользоваться следующим методом:
Данная публикация представляет собой перевод статьи « How to Use the "hidden" HTML INPUT Tag » , подготовленной дружной командой проекта Интернет-технологии.ру
Это поле является невидимым, но его пользу переоценить сложно. Его так и называют – скрытое поле. Используют его в тех ситуациях, когда необходимо, помимо введенной пользователем информации, переслать еще и какие-то служебные данные, которые ему указывать не требуется.
Например, к таковым данным могут быть отнесены реквизиты заказа или порядковый номер заказа пользователя. То есть Вы сначала выбираете товары в интернет-магазине, складываете их в корзину. На сервере при этом запоминаются эти товары и хранятся в виде сущности "заказ". В нём-то и содержатся все товары, итоговая стоимость, возможно что-то ещё. И когда вы готовы оплатить заказ, зачастую вам предлагается нажать только одну кнопку "Оформить заказ", при этом скрыто из этой формы передаётся номер заказа.
Чтобы создать такое поле необходимо прописать тег и указать тип hidden:
Результат в браузере:
Как видите, поле с orderId не отобразилось, однако его значение будет отправлено на сервер, хоть для нас это и не будет очевидным.