html里让checkbox的文字变成也可以点击生效的方法

HTML中，让checkbox后面的文字象checkbox一样变成可点击生效的写法有两种

 

1. 用label包括checkbox

 

<label><input type="checkbox" id="milk" value="milk">Milk</label>

 

2. 使用label的for属性，但要匹配上checkbox的id

<input type="checkbox"  id="checkbox_id" value="toast">
<label for="checkbox_id">Toast</label>

 

自我感觉第一种方法简单一些。