<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">
<div>On Sep 30, 2008, at 7:00 AM, Tab Atkins Jr. wrote:</div><div><br></div><div><blockquote type="cite">Hm. I have a problem with your example. "Get local weather forecast" isn't a semantic <label> for the field - it doesn't describe what the field is for. It describes what the *form* is for, and so should be a <legend> or <hn>. "City, State" actually describes the use of the <input> itself, and should be the label.<br></blockquote><div><font class="Apple-style-span" color="#0000DD"><br></font></div></div><div>Hmm, good call. Let's see if I can do better:</div><div><br></div><div><div><label for="hair">Hair:</label></div><div><input name="hair" id="hair" placeholder="Color" title="Enter the color of your hair"><br></div><div><br></div></div><div><label for="eyes">Eyes:</label></div><div><input name="eyes" id="eyes" placeholder="Color" title="Enter the color of your eyes"><br></div><div><br></div><div><label for="nose">Nose:</label></div><div><input name="nose" id="nose" placeholder="Shape" title="Describe the shape of your nose"><br></div><div><br></div><div><label for="birthplace">Place of Birth:</label></div><div><input name="birthplace" id="birthplace" placeholder="City, State" title="Enter the city and state where you were born"><br></div><div><br></div><div>This shows how label AND placeholder AND title could be used for three different purposes. If I were designing the spec from scratch, I might have chosen "tooltip" and "hint" instead of "title" and "placeholder" respectively, but we have to consider existing implementations.</div><div><br></div><div> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div><span class="Apple-style-span" style="font-family: '-webkit-monospace'; font-size: 10px; "><div>-- </div><div>Andy Lyttle</div><div><a href="mailto:whatwg@phroggy.com">whatwg@phroggy.com</a></div><div><br></div></span></div></span><br class="Apple-interchange-newline"> </div><br></body></html>