12.6:H212005 Use label to indicate information on the Table control.
Improper design
The improper design below did not use LABEL to indicate
information on the Table control, causing inability to identify
required information.
Improper design:
<FORM> <INPUT value="please enter your name"><BR> <FIELDSET> <LEGEND>gender</LEGEND> <INPUT name="sex" type="radio" id="male" checked> <LABEL for="male">male</LABEL> <INPUT type="radio" name="sex" id="female"> <LABEL for="female">female</LABEL> </FIELDSET><BR> <SELECT> <OPTION selected>Audi</OPTION> <OPTION>Benz</OPTION> <OPTION>BMW</OPTION> </SELECT><BR> <INPUT type="password" id="pwd" value="00000" size="10"><BR> <TEXTAREA rows="10" cols="30" id="com">please enter your suggestion</TEXTAREA><BR> <INPUT type="submit" value="°e¥X"><INPUT type="reset" value="clear"> </FORM>
End of example
Proper demonstration
The use of LABEL to indicate information on the Table control, allows users to identify required information.
Proper exmaple:
<FORM> <LABEL for="name">name:</LABEL> <INPUT id="name" value="please enter your name"><BR> <FIELDSET> <LEGEND>gender</LEGEND> <INPUT name="sex" type="radio" id="male" checked> <LABEL for="male">male</LABEL> <INPUT type="radio" name="sex" id="female"> <LABEL for="female">female</LABEL> </FIELDSET> <BR> <LABEL for="tcar">car brand:</LABEL> <SELECT> <OPTION selected>Audi</OPTION> <OPTION>Benz</OPTION> <OPTION>BMW</OPTION> </SELECT><BR> <LABEL for="pwd">password</LABEL> <INPUT type="password" id="pwd" value="00000" size="10"><BR> <LABEL for="com">suggestion:</LABEL><BR> <TEXTAREA rows="10" cols="30" id="com">please enter your suggestion</TEXTAREA> <BR> <INPUT type="submit" value="send"> <INPUT type="reset" value="clear"> </FORM>
End of example
|