Making Forms More Accessible with label

to do with form controls, which are components built into browsers and invoked by the corresponding HTML.

The label element allows information to be attached to a given control. Using this along with the for attribute enables you to describe the form control being used in more detail (see Example 5-13).

Example 5-13. Adding context using the label element

<form method="get" action="http://www.myserver.com/cgi-bin/mailscript/">

<label for="firstname">First Name:</label><input type="text" name="firstname"
 id="firstname" /><br />
<label for="reading"><input type="checkbox" name="reading" id="reading" />Reading<br />

<label for="requestbox">Any special requests?</label> <br> <textarea name="comments"
 id="requestbox" cols="25" rows="5">
</textarea>

</form>

You'll recall that earlier I mentioned that the use of the id attribute within the input was an important part of accessibility, and here you see why.