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.

Making entry intuitive with autofocus

Making entry intuitive with autofocus - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Making entry intuitive with autofocus

- [Narrator] A focused input is one that is alive, so to speak, ready for input, with the insertion point right inside the field, and here at Bing, the search engine, the search field is all ready to go. Same thing if we go to Google, notice that the insertion point is already blinking in the search field. Now you may be thinking doesn't that happen automatically? No, it doesn't, or maybe you're thinking well there's only one field there. Obviously the insertion point should be inside of it, but that doesn't happen automatically either. Let me show you a negative example. Here there's only one field, it's asking for an email address, and that email address is not yet focused until I click inside of it. That's forcing users to do one extra and unnecessary click, and, even if you have a form with multiple fields, it's often good to have one that, by default, is focused. Let's see how our form is doing. Well, right now, there is no auto-focused input. Let's fix that, so we'll go back…

Contents