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

The telephone input - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

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.

Contents