Как использовать input type hidden

<input type="hidden">

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

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

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

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

Пример использования input type hidden

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

<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-код.

Можно использовать input type hidden для хранения даты и времени (в примере это сделано с помощью 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»