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

The date input - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

The date input

- [Instructor] Next we'll create the basic syntax for that super helpful date input. And, as almost always, we'll start with the label and we will match the label with the ID in the input type. Earlier, I talked about the value of sometimes supplying a default answer for an input, and we can do that with the date input as well. I want to show you how to do that in the Properties panel, so we're exploiting everything we can get out of Dreamweaver's interface. If I select the input type date, take a look at what's available in the Properties panel. I'll drag that over so we can see it better. We can set a default date, let's say 2020, January first, and that then becomes, if we pull the Properties panel out of the way, the default for what someone will enter for a date. Let's take a look at how this looks in a browser. I already showed you the calendar earlier in Microsoft Edge. Let's take a look at it in Chrome. And there's the default date, if I want to choose a better or different…

Contents