【WEB制作】チェックボックス(HTML)

<div  class="form-group">
    <label>知りたい内容</label>
    <div class="form-check">
        <input type="checkbox" name="q1" id="q1_1" value="html" class="form-check-input">
        <label for="q1_1" class="form-check-label">HTML</label>
    </div>
</div>

<label>タグをつけることで、チェックボックスではない項目をタップまたはクリックしてもチェックがつく

<input>のidの項目と<label>のforの項目に同じ名称を入れることで、ラベルタグに書かれた項目をクリックしてもチェックボックスにチェックが入る