php (284)
js (166)
css (116)
php function (53)
jquery (40)
edit text (37)
php array (30)
fonts (27)
ruweb.net (23)
html attribute (22)
foto (22)
online (20)
atom (20)
sublime text 3 (19)
forum (19)
svg (18)
Показать еще :
board (17)
hosting (17)
css property (17)
php file (16)
html book (16)
js method (16)
input (15)
php string (15)
matematika php (15)
js replace (15)
color (15)
php date (15)
php folder (15)
link (15)
js events (14)
osclass (13)
download fonts (13)
table (13)
htaccess (13)
path (12)
js delete (12)
dw block (12)
select (12)
font awesome (11)
download (11)
icon (11)
jsphp (11)
php time (11)
img (11)
keyboard (11)
notepad (11)
php img (11)
form (11)
yandex webmaster (11)
url (10)
mouse (10)
yandex (9)
css shape (9)
php session (9)
info (9)
js time (9)
database (9)
js array (8)
drop down list (8)
encryption (8)
different (7)
calculator (7)
task (7)
dosite (7)
php post (7)
dreamweaver (7)
php url (7)
$ server (7)
queryselector (7)
code editor (7)
selector css (7)
background (7)
hover (7)
cookie (7)
jquery attribute (7)
php count (7)
php operator (7)
comment (7)
js url (6)
filezilla (6)
mysql (6)
alphabet (6)
substr php (6)
php mistakes (6)
list (6)
tags meta (6)
year (6)
position element (6)
click (6)
js class (6)
border property (6)
robots txt (6)
iframe (6)
types php (5)
directadmin (5)
display property (5)
ftp (5)
search (5)
chart (5)
browser (5)
$ global vars (5)
js slice (5)
php get (5)
mb (5)
js id (5)
paragraph (5)
value (5)
registration (5)
js attribute (5)
php cookie (5)
adminka (5)
heading (5)
mounth (4)
bbcode (4)
template (4)
symbols (4)
php register (4)
placeholder (4)
vk (4)
classlist (4)
clock fonts (4)
day (4)
about me (4)
console (4)
js form (4)
position (4)
php cycle (4)
reg.ru (4)
submit (4)
js window (4)
php constants (4)
textarea (4)
js string (4)
text decoration (4)
week (4)
php counters (3)
php get element (3)
js img (3)
line (3)
password (3)
captcha (3)
selector (3)
php method (3)
jquery class (3)
auto form (3)
checkbox (3)
ucoz (3)
font style (3)
https (3)
attribute data (3)
js post (3)
php cycle for (3)
overflow (3)
ssl (3)
jquery post (3)
delete tag (3)
question (3)
padding (3)
vs code (3)
dwweb ru (3)
php rand (3)
scandir (3)
pages (3)
subdomain (3)
count symbol (3)
pseudo element (3)
type file (2)
title attribute (2)
рся (2)
second (2)
text align (2)
money (2)
js property (2)
js cookie (2)
youtube (2)
errordocument (2)
php mail (2)
audio player (2)
video (2)
js vars (2)
source code (2)
comments+ (2)
seo (2)
typeof (2)
php round (2)
function time (2)
sitemap (2)
js value (2)
js object (2)
title (2)
css book (2)
tag hr (2)
cursor (2)
jquery method (2)
first letter (2)
facebook (2)
counter (2)
authorization (2)
contenteditable (2)
file cms (2)
arrows (2)
base64 (2)
php form (2)
qr kod (2)
details (2)
height (2)
php array sort (2)
jquery book (1)
калькулятор (1)
математика (1)
куб (1)
php info (1)
books (1)
xmlhttprequest (1)
scroll (1)
domen (1)
numbers (1)
computer (1)
input html (1)
js folder (1)
google (1)
header (1)
windows (1)
sublime text 4 (1)
type range (1)
smile (1)
speed (1)
css indent (1)
archive (1)
sberbank (1)
Type tel значение телефона атрибут поля ввода input
Тип телефон в поле ввода input
Что такое type tel html.
У поля ввода есть типы передаваемых данных type, с разными значениями input
Одно из таких значении : "type tel" - который предназначен для ввода телефонного номера.
Синтаксис type tel html.
Характеристики типа tel :
"type tel" - это поле предназначено для ввода номера телефона.Кроме самого атрибута type со значением tel необходимо использовать формат телефонного номера, это атрибут "pattern"
pattern="[0-9]{1}-[0-9]{3}-[0-9]{3}"
Как использовать данный type tel на сайте.
Кроме поле ввода , мы можем добавит вовнутрь подсказку 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>
<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
Вам потребуется метод post.
Пример использования type tel.
Простое условие, по которому будем получать телефонный номер из поля с типом type telif($_POST['phone_submit']) { $result = 'Вы нажали кнопку отправить submit, переданное значение : '.strip_tags($_POST['phone']) ;}
echo $result;
<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>
<input name="phone" type="tel" pattern="[0-9]{1}-[0-9]{3}-[0-9]{3}" placeholder="Номер телефона">
<input name="phone_submit" type="submit" value="Отправить">
</form>
if($_POST['phone_submit']) { $result = 'Вы нажали кнопку отправить submit, переданное значение : '.strip_tags($_POST['phone']) ;}
echo $result;
Результат:
Введите номер телефона по шаблону, либо не по шаблону type tel и нажмите отправить:Пользуйтесь на здоровье! Не забудьте сказать спасибо
подробнее.