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 time input

The time input - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

The time input

- [Instructor] The time input displays a handy spinner for mobile devices. Again it makes it much easier to enter a time than forcing a mobile user to get to their numeric keypad, enter numbers, find the colon, et cetera. So use the time input when you're collecting a time from people, and you can also use its cousin the date time input to collect both date and time. Now I'm not going to be both 'cause they're very similar, but we'll take the time input as an example. The syntax is, label for equals time, and then a label like best time to reach you. And we'll close the label and then input type equals time, id equals time, and name equals time. And let's give that a try out both in a laptop desktop browser and in a mobile device. First in a laptop desktop browser we'll try it in Chrome. And this is a handier way to enter a time. Either I can type without having to worry about finding a colon, or I can just use the up and down arrows to enter a time in hours, minutes, and AM or PM…

Contents