From the course: Building HTML5 Forms with Dreamweaver
Unlock the full course today
Join today to access over 22,400 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.