如何创建一个带有可点击标签的HTML复选框(这意味着单击标签将复选框打开/关闭)?


当前回答

<label for="myInputID">myLabel</label><input type="checkbox" id="myInputID" name="myInputID />

其他回答

<label for="my_checkbox">Check me</label>
<input type="checkbox" name="my_checkbox" value="Car" />

只要确保标签与输入相关联。

<fieldset>
  <legend>What metasyntactic variables do you like?</legend>

  <input type="checkbox" name="foo" value="bar" id="foo_bar">
  <label for="foo_bar">Bar</label>

  <input type="checkbox" name="foo" value="baz" id="foo_baz">
  <label for="foo_baz">Baz</label>
</fieldset>

在Angular material中用复选框标记

<mat-checkbox>Check me!</mat-checkbox>
<label for="myInputID">myLabel</label><input type="checkbox" id="myInputID" name="myInputID />

使用label元素和for属性将其与复选框关联:

<label for</label>=“myCheckbox”>某些复选框<input type=“checkbox” id=“myCheckbox” />