テキスト部分のクリックにも反応するチェックボックス #html

<input type="checkbox">項目A

この書き方だと

項目A

と表示はされるけれど、「項目A」の部分をクリックしてもチェックは入らないですよね。これは不便。

そんなときは<label>タグを使いましょう。

<input type="checkbox" id="item_a"><label for="item_a">項目A</label>

こうすれば見た目はほとんど変わりませんが、「項目A」の文字をクリックすればチェックが入るようになります。便利。
labelタグのfor属性にチェックボックスのidを指定するところがミソです。