Example file Using Implicit label

The below is the static form with html code snippet that is used for this example. The reason for providing the code snippet is that one can access the source code easily even if it is viewed in the mobile platforms. In general, it might not be very easy to access the source code of the form when this is viewed in the mobile platforms. This example makes you understand how the labels are associated with the ‘implicit label’ technique when you run the screen reader on this form across all the platforms.




Select Gender





Source Code

</p><h1> Using Implicit Label</h1><p><label> First Name<br /> <input type="text"/> </label><br /> <label> last Name<br /> <input type="text"/> </label><br /> <label> Age<br /> <select><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option></select><br /> </label></p><fieldset><legend> Select Gender</legend><p><label><br /> <input type="radio" name="sex" checked> Male<br /> </label><br /> <label><br /> <input type="radio" name="sex"> Female<br /> </label><br /></fieldset><p><label> Comments:<br /><textarea rows="5" cols="50"> </textarea><br /> </label><br /> <label><br /> <input type="checkbox" name="terms"> I agree terms and conditions<br /> </label><br /> <input type="submit"/> <input type="button" value="reset"><br /></form><p>

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.