Войти
Регистрация

Атрибут hidden для input

Атрибут 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 для начинающих с подробными видеоуроками и заданиями: Перейти к видеокурсу

Комментарии к статье

Бесплатный видеокурс

HTML и CSS для начинающих

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

Получить курс
Опрос

Для чего Вы изучаете HTML и CSS?