Type hidden значение атрибута элемента

Hidden(скрытое поле) - type hidden. Type hidden - это одно из значений типа "type" тегов . Скрывает содержимое элемента от просмотра.

Тип hidden в поле ввода input

1. Что такое type hidden html,
2. Пример использования type hidden.

Что такое type hidden.

Тип hidden - это одно из значений атрибута type("типа") тега. Наиболее часто используется в теге input

Синтаксис type chidden.

<input type="hidden">

Свойства типа type hidden.

"type hidden" - этот тип делает поле ввода скрытым.

Зачем нужен type chidden.

Если вам требуется отправить какие-то данные пользователя, при записи данных, комментариев и множестве других.

Например(простой пример)... записи адреса картинки аватара зарегистрированного пользователя.

Прим автора

Лично я на сайте использую type hidden довольно часто. type hidden - не является каким - редкостным зверем из красной книги.

Как использовать тип type hidden на сайте.

HTML :

Покажем поле ввода с type="hidden".

Если вы не видите поле ввода, то это нормально, потому, что данное поле и называется скрытым.

Вы можете навести мышку на поле нажать исследовать элемент и посмотреть в коде, на поле с типом hidden, вы должны увидеть вот такое :

<input name="example2" type="hidden" value="здесь помещаем данные, которые будут отправлены на сервер из поля hidden">

Нам понадобится тег form + атрибут value.

<form method="post">
<input name="example" type="hidden" value="здесь помещаем данные, которые будут отправлены на сервер из поля hidden">
<input name="example_submit" type="submit" value="Отправить">
</form>


Еще один тип submit

PHP :

И php метод post.

+ Получаем данные из value в php.




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

Создадим условие с использованием php и метода post и получим данные из type hidden

if($_POST['example_submit']) { $result = '<div>Данные из типа hidden <div>'.strip_tags($_POST['example']).'</div></div>' ;}

echo $result;

Соберем весь код вместе:

Html :
<form method="post">
<input name="example" type="hidden">
<input name="example_submit" type="submit" value="Отправить">
</form>

Php :

if($_POST['example_submit']) { $result = '<div>Данные из типа hidden <div>'.strip_tags($_POST['example']).'</div></div>' ;}

echo $result;

Результат использования type hidden:

Для данного типа strong>type hidden никаких данных вводить не нужно, потому, что они уже внутри атрибута value.

Просто нажмите отправить: