这应该对你有帮助:W3Schools - Labels

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

<label for="vehicle">Type of Vehicle:</label>
<input type="checkbox" id="vehicle" name="vehicle" value="Bike" />

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

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

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

<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>

标签{ 边框:1px实心#ccc; 填充:10 px; 边距:0 0 10px; 显示:块; ｝ 标签:{徘徊 背景:# eee; 光标:指针; ｝ <label><input type="checkbox" />Option 1</label> <label><input type="checkbox" />Option 2</label> <label><input type="checkbox" />Option 3</label> .

在Angular material中用复选框标记

<mat-checkbox>Check me!</mat-checkbox>