Create A Checkbox With A Clickable Label Text

For More Videos Visit Our YouTube Channel

Create A Checkbox With A Clickable Label Text

Here we consider how to Create A Checkbox With A Clickable Label.

Solution

<label>
   <input type="checkbox" name="checkbox" value="value"> Your Text 
</label>

Details

Lets start with one example here. Suppose we have a checkbox as shown below.



Here if you click on the text region of checkbox, it may not get checked. But by using following method, we can select this checkbox by clicking on the Text region. Wrap Checkbx within a Label tag.



That's all, by wrapping inside a label, we can check it by clicking on the text region.