Как использовать атрибут hidden тега input

<input type="hidden">

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

Скрытые поля можно использовать для сохранения текущего состояния многостраничных форм, собирать cookie-файлы для отправки вместе с формой, а также хранить данные, которые не вводятся пользователем.

Это может быть как неизменяемая информация, так и данные, генерируемые с помощью JavaScript, о которых пользователь может и не подозревать (например, время загрузки формы).

Примечание: Не забывайте, что скрытые поля нельзя назвать полностью скрытыми — они просто недоступны большинству пользователей, но легко просматриваются в исходном коде страницы. Поэтому никогда не храните в них пароли или другие конфиденциальные данные.

Пример использования атрибута hidden в теге Input

Синтаксис использования hidden HTML input должен соответствовать строке, выделенной в коде, приведенном ниже в качестве примера:

<html>
<body>

<form action="/page.php">
Name: <input type="text" name="fname">
<input type="hidden" name="country" value="US">
<input type="submit" value="Submit">

</form>

</body>
</html>

Как видно из примера, мы сохраняем в скрытом поле значение страны “US”, поэтому, когда пользователь отправит форму, мы будем знать, что он из США. Разумеется, эти данные можно поменять на другие, изменив HTML-код.

Можно использовать hide HTML для хранения даты и времени (в примере это сделано с помощью MySQL):

<input type="hidden" name="date" value="<?php CURDATE(); ?>">
<input type="hidden" name="date" value="<?php CURTIME(); ?>">

В PHP можно воспользоваться следующим методом:

<input type="hidden" name="date" value="<?php print(date("m/d/Y, h:s A")); ?>">

Перевод статьи “How to Use the "hidden" HTML INPUT Tag” был подготовлен дружной командой проекта Сайтостроение от А до Я.

23 июля 2017 в 10:08
Материалы по теме
{"url":"http://www.fastvps.ru/", "src":"/images/advbanners/fastvps.png", "alt":"Хостинг Fastvps.ru. Наш выбор!"}
Заработок