В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 15-04-2024! 🞨
Меню :
form html (30)
html tags (62)
html (147)



Blog (1400)
php (331)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
js date (33)
php array (33)
form html (30)
online (29)
fonts (26)
Показать еще :
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
svg (18)
input (18)
hosting (18)
php date (17)
html book (16)
info (16)
board (16)
php time (16)
color (15)
js events (14)
img (14)
js url (14)
js time (14)
notepad (13)
select (13)
знак (13)
osclass (13)
htaccess (13)
download (12)
table (12)
dw block (12)
php path (12)
keyboard (12)
php img (12)
form (11)
jsphp (11)
icon (11)
js delete (10)
yandex (10)
mouse (10)
keyframes (10)
chart (9)
dosite (9)
hover (9)
browser (8)
php post (7)
comment (7)
php url (7)
canvas (6)
click (6)
list (6)
adminka (6)
mysql (6)
vs code (6)
iframe (6)
php get (6)
js id (5)
js math (5)
reg.ru (5)
value (5)
mb (5)
heading (5)
tag a (5)
year (5)
ftp (5)
base64 (4)
day (4)
submit (4)
week (4)
js form (4)
symbols (4)
month (4)
console (4)
vk (4)
pages (4)
scandir (4)
bbcode (4)
php var (4)
ssl (4)
нок (4)
games (4)
task (4)
xml (4)
line (3)
ucoz (3)
domen (3)
https (3)
куб (3)
money (3)
captcha (3)
numbers (3)
js hash (3)
js post (3)
jquery post (3)
js img (3)
padding (3)
qr kod (2)
seo (2)
js vars (2)
prompt (2)
counter (2)
details (2)
height (2)
video (2)
youtube (2)
sitemap (2)
tag hr (2)
typeof (2)
рся (2)
google (2)
arrows (2)
rutube (1)
cursor (1)
нод (1)
archive (1)
scroll (1)
jino (1)
smile (1)
windows (1)
speed (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:

Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
type tel html html input type tel html form input type tel html input type tel атрибуты
Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.015668 секунд. Подробнее