From the course: Building HTML5 Forms with Dreamweaver

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Effective use of placeholders

Effective use of placeholders - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Effective use of placeholders

- Placeholders are a parameter of an input. They don't work with every input, but they do work with text, surge, URL, tell, email, and password input types. And therefore they're going to work with the email and tell inputs that we have here. The coding, the syntax is very simple. It's just placeholder equals and then the text that you wanted to add. And notice that I got away with an asterisk inside the quotes, which is perfectly legal. Special characters are fine in placeholders. So now I have assigned placeholders, and I've actually got a bit of redundancy here because I've got both placeholders and labels. That, I think is a little cluttered. So we're going to take a look at removing the labels. And I can do that in my style by just creating a different style for labels. Display none. And because that style came after my earlier labeling style, it overrides it in browsers. So now I've got a label, but I'm hiding it. That has the advantage of making the labels accessible to…

Contents