如何创建一个带有可点击标签的HTML复选框(这意味着单击标签将复选框打开/关闭)?
当前回答
<label for="vehicle">Type of Vehicle:</label>
<input type="checkbox" id="vehicle" name="vehicle" value="Bike" />
其他回答
<label for="my_checkbox">Check me</label>
<input type="checkbox" name="my_checkbox" value="Car" />
在Angular material中用复选框标记
<mat-checkbox>Check me!</mat-checkbox>
标签{ 边框: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> .
只要确保标签与输入相关联。
<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>
<label for="myInputID">myLabel</label><input type="checkbox" id="myInputID" name="myInputID />
