Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ 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 |
Последняя дата редактирования : 2020-11-20 17:32
//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 атрибуты

Последние комментарии :
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.
Марат :
23/11/2020 07:38
Приходите ещё!
подробнее.
Лило :
23/11/2020 06:34
Благодарю, удобно
подробнее.
Марат :
15/11/2020 01:57
Здесь отвечал...1) Есть вот комментарии от вконтактае, очень простые 2)Такое же есть от мордокниги, 3) смотрите…
подробнее.