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.

Labels, placeholders, and mobile friendly forms

Labels, placeholders, and mobile friendly forms - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Labels, placeholders, and mobile friendly forms

“

- [Instructor] Here we're going to examine techniques for adapting form inputs to mobile device-specific challenges. I'm talking about effective use of labels, effective use of placeholders, and displaying, hiding, or changing how inputs are displayed for mobile devices. Now, throughout this course I've emphasized and built into practically everything adding a label to an element, to a form input. Why is that? Let's take a look. If I'm in a form and I want to activate, for example, this input, the best time to reach you, I can click on the label. And did you notice that the insertion point jumped right to the time? If I realize I haven't added the required phone input, I don't have to actually have the dexterity to get my cursor inside the input itself. I can type on the label. And as long as labels have been appropriately connected to an input, it's easy to make a selection just by clicking on a label. How does that play out in mobile devices? There are two schools of thought. One is…

Contents