Скрытое поле в форме html

Скрытое поле не показывается на странице и прячет свое содержимое от пользователя. Посетитель не может ничего в него внести или напечатать. Цель разработки скрытых полей — в передаче технической информации на сервер. В большинстве случаев это необходимо для передачи данных формы от страницы к странице.

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

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 не отобразилось, однако его значение будет отправлено на сервер, хоть для нас это и не будет очевидным.

Ссылка на основную публикацию
Adblock detector