Method 1: Wrap Label Tag Wrap the checkbox within a label tag: <label> <input type="checkbox" name="checkbox" value="value"> Text </label> Method 2: Use the for Attribute Use the for attribute (match the checkbox id): <input type="checkbox" name="checkbox" id="checkbox_id" value="value"> <label for="checkbox_id">Text</label> NOTE: ID must be unique on the page! Explanation Since the other answers
![How to create a checkbox with a clickable label?](https://cdn-ak-scissors.b.st-hatena.com/image/square/98d6f053a97a87156775f60757c60865d0f2c47d/height=288;version=1;width=512/https%3A%2F%2Fcdn.sstatic.net%2FSites%2Fstackoverflow%2FImg%2Fapple-touch-icon%402.png%3Fv%3D73d79a89bded)