<div dir="ltr">I've wrestled with this because its something that our designer has wanted to use all over the place for an application I'm working on. It turns out to be a usability nightmare if not used sparingly. When we used it, it was definitely in place of an actual label, and I think this would be true in most cases. In the cases where an outer label and a placeholder are needed, I think the solution could just be to have two Label elements that point to the same input.<div>
<br></div><div><a href="http://www.w3.org/TR/html4/interact/forms.html#edef-LABEL">From the HTML 4.01 spec</a> :</div><div><blockquote class="gmail_quote" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0.8ex; border-left-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; padding-left: 1ex; ">
<span class="Apple-style-span" style="font-family: -webkit-sans-serif; font-size: 16px; ">More than one <a href="http://www.w3.org/TR/html4/interact/forms.html#edef-LABEL" class="noxref" style="color: rgb(102, 0, 153); background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; background-position: initial initial; "><samp class="einst">LABEL</samp></a> may be associated with the same control by creating multiple references via the <a href="http://www.w3.org/TR/html4/interact/forms.html#adef-for" class="noxref" style="color: rgb(0, 0, 204); background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; background-position: initial initial; "><samp class="ainst">for</samp></a> attribute.</span><br>
</blockquote><div><br></div><div>Then CSS could be used on one of the labels to make it appear as placeholder content.</div><br><div class="gmail_quote">On Thu, Oct 2, 2008 at 7:34 PM, Tab Atkins Jr. <span dir="ltr"><<a href="mailto:jackalmage@gmail.com">jackalmage@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div dir="ltr"><div><div></div><div class="Wj3C7c">On Thu, Oct 2, 2008 at 6:27 PM, Brenton Strine <span dir="ltr"><<a href="mailto:Brenton.Strine@citrix.com" target="_blank">Brenton.Strine@citrix.com</a>></span> wrote:<br>
</div></div><div class="gmail_quote"><div><div></div><div class="Wj3C7c"><blockquote class="gmail_quote" style="border-left:1px solid rgb(204, 204, 204);margin:0pt 0pt 0pt 0.8ex;padding-left:1ex">
<div>On Tue, Sep 30, 2008 at 11:36 AM, Andy Lyttle <<a href="mailto:whatwg@phroggy.com" target="_blank">whatwg@phroggy.com</a>> wrote:<br>
</div>[snip]<br>
<div>> 4) <label> (moving label textual content into <input> as placeholder text; currently with Javascript to mutate the DOM, in the > future with CSS to present the desired appearance while keeping the DOM stable)<br>


>  Pro: Most semantic.<br>
</div>[snip]<br>
<br>
That depends on what you are using it for. What if you are using it to apply a placeholder that says "(optional)"? That is not a label at all. There are a lot of uses for the proposed placeholder attribute that just don't fit into any of the other categories. I think a placeholder attribute would be great.</blockquote>

</div></div><div><br>Hmm, true.  That's definitely a case where the text can't be argued to be a label.<br><br>Of course, it's still not in any way semantic.  The only difference between "(optional)" being displayed near the input and being displayed *within* the input is one of aesthetics.   The meaning of the document isn't changed one iota.  This leans me even more toward a CSS solution.  I'll just bite the bullet and bring it up to the CSS WG.<br>

<br>~TJ<br></div></div></div>
</blockquote></div><br></div></div>