Windows® 8.1 Apps with HTML5 and JavaScript Unleashed

Labeling Form Fields

First off, you need to know the proper way to label HTML form fields. Providing proper labels is important for making your app accessible to users with disabilities—so adding labels is the right thing to do.

There are two ways that you can use a label element to label a form element. If you want the label to appear right next to the form element then you can include the form element inside the label’s opening and closing tags like this:

Click here to view code image

<label>  Title:  <input id="inpTitle" required /></label>

If the label is separated from the element being labeled in the page then you can associate the label and the form element explicitly by using the label’s for attribute like this.

Click here to view code ...