H65: Using the title attribute to identify form controls when the label element cannot be used

HTML Snippet Code
Scenario 1: Label association is provided for form fields using title

01. label association is provided for search text field

02. label association for group of dropdowns

Please select the report

03. label association for group of text boxes

Phone number
<h1 style="font-size:22px">Label association is provided for form fields using title</h1> <form> <h2 style="font-size:18px"> 01. label association is provided for search text field</h2> <input type="text" name="q" title="search"> <h2 style="font-size:18px"> 02. label association for group of dropdowns</h2> <fieldset> <legend>Please select the report</legend> <select title="Month"> <option>January</option> <option>February</option> <option>March</option> </select> <select title="Date"> <option>1</option> <option>2</option> <option>3</option> </select> <select title="Year"> <option>2017</option> <option>2016</option> <option>2015</option> </select> </fieldset> <h2 style="font-size:18px"> 03. label association for group of text boxes</h2> <fieldset><legend>Phone number</legend> <input id="areaCode" name="areaCode" title="Area Code" type="text" size="3" value="" > <input id="exchange" name="exchange" title="First three digits of phone number" type="text" size="3" value="" > <input id="lastDigits" name="lastDigits" title="Last four digits of phone number" type="text" size="4" value="" > </fieldset> </form>