From the course: Building HTML5 Forms with Dreamweaver
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The telephone input - Dreamweaver Tutorial
From the course: Building HTML5 Forms with Dreamweaver
The telephone input
- [Instructor] The tel input doesn't do a lot for laptop, desktop users, but it's very valuable for mobile users. If you want to capture a phone number from someone on a mobile device, use a tel input. It makes it a lot easier, it pops up a numeric keypad that's easy to enter phone numbers with. Here's the basic syntax you use. It's "label for=" and in this case I'm going to use a label of "phone" and then just type some label tags, like "phone" and close the label. Then input "type=tel" id=phone" and "name=phone". And let's see how that tests out in a mobile device. If I went to enter a phone number, I've got a keypad that facilitates that. And that means that you as a form designer are going to collect phone numbers that might otherwise be squandered.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
A quick survey of the top nine input types5m 58s
-
(Locked)
The color input2m 33s
-
(Locked)
The date input2m 27s
-
(Locked)
The email input1m 41s
-
(Locked)
The number input1m 42s
-
(Locked)
The range input3m 19s
-
(Locked)
The search input1m 56s
-
(Locked)
The telephone input1m 6s
-
(Locked)
The time input2m 3s
-
(Locked)
The URL input3m 56s
-
(Locked)
-
-
-
-
-