20.03.2017   4195
Скрытое поле в форме HTML

Используем скрытое поле в форме

Это поле является невидимым, но его пользу переоценить сложно. Его так и называют – скрытое поле. Используют его в тех ситуациях, когда необходимо, помимо введенной пользователем информации, переслать еще и какие-то служебные данные, которые ему указывать не требуется.

Например, к таковым данным могут быть отнесены реквизиты заказа или порядковый номер заказа пользователя. То есть Вы сначала выбираете товары в интернет-магазине, складываете их в корзину. На сервере при этом запоминаются эти товары и хранятся в виде сущности "заказ". В нём-то и содержатся все товары, итоговая стоимость, возможно что-то ещё. И когда вы готовы оплатить заказ, зачастую вам предлагается нажать только одну кнопку "Оформить заказ", при этом скрыто из этой формы передаётся номер заказа.

Чтобы создать такое поле необходимо прописать тег <input> и указать тип hidden:

<form action="/pay" method="post">
    <input type="hidden" name="orderId" value="123">
    <input type="submit" value="Оформить заказ">
</form>

Результат в браузере:
Форма со скрытым полем

Как видите, поле с orderId не отобразилось, однако его значение будет отправлено на сервер, хоть для нас это и не будет очевидным.

КОММЕНТАРИИ

Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности