Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ alt htmlcssphpjsblog

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

Поддержи проект!!! smile

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

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

  1. Что такое type search html,
  2. Пример использования type search.
  1. Что такое 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.

  2. Пример использования 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 и нажмите отправить:


Последняя дата редактирования : 15.01.2021 11:40
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
type searchtype related searchinput type searchtype search htmlsearch results search typeinput type text name searchinput type text class searchsearch type переводtype here to searchsearch o type

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
29/04/2021 01:46
Реанимирована страница о "шаблонах в DREAMWEAVER"!Эта программа была основной для редактирования моих сайтов на…
подробнее.
Марат :
23/04/2021 04:35
Страница обновлена - добавлен скрипт - всё в одном. Скачивание картинку по…
подробнее.
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.