СКРИПТЫ
ТЕГИ:
php (282)
js (144)
html (132)
css (99)
html tags (58)
jquery (39)
edit text (37)
php array (30)
form html (29)
fonts (22)
foto (21)
ruweb.net (19)
atom (19)
forum (19)
html book (17)
board (17)
Показать еще :
php file (16)
svg (16)
js method (16)
hosting (16)
link (15)
htaccess (13)
color (13)
osclass (13)
path (12)
table (12)
js delete (11)
icon (11)
php date (11)
jsphp (11)
notepad (11)
input (11)
online (11)
php img (10)
yandex (10)
url (10)
form (10)
mouse (9)
info (9)
comment (7)
img (7)
cookie (7)
task (7)
ftp (7)
php url (7)
dosite (6)
click (6)
hover (6)
js url (6)
reg.ru (5)
chart (5)
php get (5)
adminka (5)
value (5)
mb (5)
js id (4)
bbcode (4)
submit (4)
js form (4)
browser (4)
select (4)
search (4)
js copy (4)
iframe (4)
symbols (4)
captcha (3)
https (3)
js post (3)
vk (3)
scandir (3)
js time (3)
ssl (3)
vs code (3)
height (2)
details (2)
youtube (2)
tag hr (2)
sitemap (2)
title (2)
ukoz (2)
cursor (2)
console (2)
seo (2)
js vars (2)
video (2)
smile (1)
windows (1)
numbers (1)
archive (1)
header (1)
books (1)
domen (1)
padding (1)

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

Тип "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:

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
type tel html
html input type tel
html form input type tel
html input type tel атрибуты

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

Последние комментарии :
Марат :
17.10.2021 39:28
Давно не делал и страницу и видео в один день... чет, как-то выжитый как…
подробнее.
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
ruweb