Атрибут hidden для input
Здравствуйте, друзья!
В этой статье развернуто расскажу про атрибут hidden для поля формы input, зачем он нужен и когда стоит применять.
Представьте обычную форму на сайте, например форма регистрации, в которой есть много полей с разными параметрами атрибута type: text, email, password и т.д.
Все эти поля видны как на сайте, так и в исходном коде. Если мы какому-то полю установим параметр hidden, то это поле будет скрыто от глаз посетителей сайта, но оно может содержать в себе некоторую информацию, которую Вы хотите отправить вместе со всей формой.
Давайте я напишу, чтобы наглядно видеть:
<form
action="script.php"
method="POST"
/>
<input
type="text"
name="name"
value=""
/>
<input
type="password"
name="password"
value=""
/>
<input
type="text"
name="email"
value=""
/>
<input
type="hidden"
name="city"
value="moscow"
/>
<input
type="submit"
value="Отправить"
/>
</form>
В этом примере мы создали 4 поля для формы и кнопку отправки, но последнее поле ввода мы скрыли с помощью параметра hidden у атрибута type.
Это поле не доступно для пользователей сайта, но оно содержит название города, которое будет отправлено обработчику формы - файл script.php в параметре формы action. Получив данные мы узнаем, что пользователь из Москвы.
Этим полем можно управлять с помощью JavaScript, например, если мы хотим узнать из какого города регистрируется пользователь, то с помощью JavaScript мы это узнаем и указываем название города в атрибут value.
Можете генерировать любые данные с помощью JavaScript и помещать их в это поле для отправки на сервер без ведома пользователей.
Если Вы используете php, то можно отправить на сервер дату регистрации пользователя по Гринвичу.
<input
type="hidden"
name="date"
value="<?= date('d-m-Y H:i') ?>"
/>
Не смотря на то, что поле скрыто от глаз, его видно в исходном коде и его содержимое также, поэтому не храните в нем секретную информацию, типо паролей и т.д.
С уважением, Самвел Погосов
Рекомендую к изучению мой бесплатный видеокурс по HTML и CSS для начинающих с подробными видеоуроками и заданиями: Перейти к видеокурсу
