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

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

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

Тип "tel" - телефон(телефонный номер). Что такое type tel html, Type tel - это одно из значений тега input, предназначено для ввода телефонного номера по шаблону "pattern".

Тип телефон в поле ввода input

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

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

    Одно из таких значении : "type tel" - который предназначен для ввода телефонного номера.

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

    <input type="tel">

    Характеристики типа tel :

    "type tel" - это поле предназначено для ввода номера телефона.
    Кроме самого атрибута type со значением tel необходимо использовать формат телефонного номера, это атрибут "pattern"

    pattern="[0-9]{1}-[0-9]{3}-[0-9]{3}"

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

    HTML :

    Кроме поле ввода , мы можем добавит вовнутрь подсказку placeholder:

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

    <form method="post">
    <input name="phone" type="tel" pattern="[0-9]{1}-[0-9]{3}-[0-9]{3}" placeholder="Номер телефона">
    <input name="phone_submit" type="submit" value="Отправить">
    </form>

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

    PHP :

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

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

    Простое условие, по которому будем получать телефонный номер из поля с типом type tel

    if($_POST['phone_submit']) { $result = 'Вы нажали кнопку отправить submit, переданное значение : '.strip_tags($_POST['phone']) ;}

    echo $result;

    Соберем весь код вместе для type tel:
    Html :
    <form method="post">
    <input name="phone" type="tel" pattern="[0-9]{1}-[0-9]{3}-[0-9]{3}" placeholder="Номер телефона">
    <input name="phone_submit" type="submit" value="Отправить">
    </form>
    Php :

    if($_POST['phone_submit']) { $result = 'Вы нажали кнопку отправить submit, переданное значение : '.strip_tags($_POST['phone']) ;}

    echo $result;

    Результат:

    Введите номер телефона по шаблону, либо не по шаблону type tel и нажмите отправить:

    Телефон в формате х-xxx-xxx:


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

Подписаться + =
Теги:
type tel html html input type tel html form input type tel html input type tel атрибуты

Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.