Скрытые элементы форм в HTML. Для чего нужны такие поля?

скрытые элементы форм в html. для чего нужны такие поля?

Применение скрытой информации

Иногда возникает необходимость добавить в форму определенные данные, которые пользователь не сможет увидеть или изменить. При этом они должны быть включены в тело запроса при отправке формы.

Как правило эти данные добавляются при генерации динамических страниц с помощью серверных языков программирования. Скрытые поля HTML-форм могут использоваться для включения уникальных защитных кодов. После отправки данных серверная программа сможет распознать форму. Она обработает полученную информацию, если защитный код верен. В противном случае данные отклоняются.

Заметка
Сфера применения скрытых элементов в HTML довольно обширна. Защищенная обработка серверными программами всего лишь один из примеров. Также эти поля могут использоваться, встроенным в браузеры языком программирования JavaScript. Программа может сохранять в скрытые поля формы динамическую информацию, сформированную при взаимодействии с пользователем.

Создание скрытых полей формы

Скрытое поле можно создать с помощью элемента <input>, атрибут type которого должен иметь значение hidden. Данные, содержащиеся в нем, как и в любых других случаях, должны быть заданы атрибутом value.

Браузер не выдаст присутствие скрытого элемента внутри формы. По умолчанию он не будет занимать пространство и иметь визуального оформления. Чтобы поле было включено в тело запроса, при отправке формы HTML требует задать ему уникальное значение атрибута name.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Пример создания скрытого поля формы</title>
    </head>
    <body>
        <form>
            <input name="secyrity" type="hidden" value="Drt@sd45@1">
            <input type="submit" value="Отправить">
        </form>
    </body>
</html>

Последние публикации