Type search значение атрибут поля ввода input

Тип поля ввода "ПОИСК". Что такое type search html, Type search - это одно из значений тега input, которое превращает поле ввода в строку поиска. Чем отличается поле ввода обычное и с типом search - попробуем разобраться!

Тип поиск search в поле ввода input

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

Что такое type search html.

У поля ввода есть типы передаваемых данных type, с разными значениями input

Одно из таких значении : "type search" - этот тип превращает поле ввода input в поле поска.

Синтаксис type search html.

<input type="search">

Как переводится type search.

type - переводится с англдийского как : "ТИП".

search - поиск, сущ., глагол "искать".

Характеристики типа type search.

"type search" - данный тип применяется для использования строки поля ввода в качестве строки поиска.

Чем обычное поле ввода отличается от типа search!?

У данного типа search только одно отличие - во время ввода данных в строку появляется крестик, для очищения поля "search.

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

HTML :

Кроме поле ввода :

Понадобится форма form.

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


И еще одно поле ввода с другим типом {submit}

PHP :

Вам потребуется метод post.




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

В следующем пункте соберем весь код html и php вместе в одном месте и протестируем его, как этот тип type search должен и может взаимодействовать с сервером!

Об html мы уже выше говорили, далее нам нужно условие php :

if($_POST['example_submit']) { $result = 'Вы ввели данные в поле ввода search : '.strip_tags($_POST['example']) ;}

echo $result;

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

Html : Чтобы сделать поле обязательным добавим required

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

Php :

if($_POST['example_submit']) { $result = 'Вы ввели данные в поле ввода search : '.strip_tags($_POST['example']) ;}

echo $result;

Результат:

Введите какие-то данные в поле ввода type search и нажмите отправить: