Тип поля ввода "ПОИСК". Что такое type search html, Type search - это одно из значений тега input, которое превращает поле ввода в строку поиска. Чем отличается поле ввода обычное и с типом search - попробуем разобраться!
Тип поиск search в поле ввода input
Что такое type search html.
У поля ввода есть типы передаваемых данных type, с разными значениями input
Одно из таких значении : "type search" - этот тип превращает поле ввода input в поле поска.
Синтаксис type search html.
Как переводится type search.
type - переводится с англдийского как : "ТИП".
search - поиск, сущ., глагол "искать".
Характеристики типа type search.
"type search" - данный тип применяется для использования строки поля ввода в качестве строки поиска.
Чем обычное поле ввода отличается от типа search!?
У данного типа search только одно отличие - во время ввода данных в строку появляется крестик, для очищения поля "search.
Как использовать данный type search на сайте.
Кроме поле ввода :
Понадобится форма form.
<input name="example" type="search">
<input name="example_submit" type="submit" value="Отправить">
</form>
И еще одно поле ввода с другим типом submit
Вам потребуется метод post.
Пример использования type search.
В следующем пункте соберем весь код html и php вместе в одном месте и протестируем его, как этот тип type search должен и может взаимодействовать с сервером!
Об html мы уже выше говорили, далее нам нужно условие php :
if($_POST['example_submit']) { $result = 'Вы ввели данные в поле ввода search : '.strip_tags($_POST['example']) ;}
echo $result;
Соберем весь код вместе:
<input name="example" type="search" required>
<input name="example_submit" type="submit" value="Отправить">
</form>
if($_POST['example_submit']) { $result = 'Вы ввели данные в поле ввода search : '.strip_tags($_POST['example']) ;}
echo $result;
Результат:
Введите какие-то данные в поле ввода type search и нажмите отправить:
