til

Create A Set Of Checkboxes

<form action="https://freecatphotoapp.com/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor">Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor">Outdoor</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
    <br>
    <label for="loving"><input id="loving" type="checkbox" name="personality">Loving</label>
    <br>
    <label for="loving"><input id="loving" type="checkbox" name="personality">Loving</label>
    <br>
    <label for="loving"><input id="loving" type="checkbox" name="personality">Loving</label>
</form>

Each of your checkboxes can be nested within its own label element. By wrapping an input element inside of a label element it will automatically associate the checkbox input with the label element surrounding it.

All related checkbox inputs should have the same name attribute.

source

This site is open source. Improve this page.