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



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

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

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