Hi Developers ..!
Hope you're well.
You all might faced this small issue, when we want to check the check box which is so small in the Web-Page, and you need to focus on the check box.
All we need is to directly click on the label or text next to the check box, because we are reading the respective meaning of the check box and understanding it and we don't want to go back to check the check box,
So I've a simple solution with which we can directly click on the description of the check box to make the check box checked.
Example:
The most used check box is "Don't Show this Again." and here too the size of the actual check box is too small.
<input type="checkbox" id="ClickMe" >Don't show this again!
Solution
<input type="checkbox" id="ClickMe" > <label for="ClickMe">Don't show this again!</label>
Hope you're well.
You all might faced this small issue, when we want to check the check box which is so small in the Web-Page, and you need to focus on the check box.
All we need is to directly click on the label or text next to the check box, because we are reading the respective meaning of the check box and understanding it and we don't want to go back to check the check box,
So I've a simple solution with which we can directly click on the description of the check box to make the check box checked.
Example:
The most used check box is "Don't Show this Again." and here too the size of the actual check box is too small.
<input type="checkbox" id="ClickMe" >Don't show this again!
Solution
There is a HTML5 attribute "for" which helps us to click the checkbox
Source Code
<input type="checkbox" id="ClickMe" > <label for="ClickMe">Don't show this again!</label>
No comments:
Post a Comment