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.

Effective use of labels

Effective use of labels - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Effective use of labels

- Before we look at why we might not want to use labels, let's emphasize what they are, what value they add, and how they work. Now, here's a form, and as you see, I've got a little excess verbiage. Let's take a look at this in a browser and I'll show you what I mean. Little excess verbiage between asking a client for their email address and the actual input where they enter the email address; however, if I click on the email label, did you notice that the email input became focused, or active? So labels connect, and in a more classic example, if I just tap on the phone label, that input becomes active. This is valuable, especially for people who are using a keyboard and a mouse. It's also valuable for people who have various kinds of disabilities. It makes it easier for them to select an input and fill out a form. Let's go back to Dreamweaver and refresh and remind ourselves of how the syntax works. We have label for email and that connects to the email input through matching IDs. So…

Contents