如何在点文字时也选中复选框或单选框

最新推荐文章于 2020-10-14 10:27:34 发布

原创最新推荐文章于 2020-10-14 10:27:34 发布 · 431 阅读

0 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML中两种不同方式来展示表单元素的方法，包括复选框和单选按钮的具体实现方式。第一种方法使用单独的标签为每个输入元素定义标签，第二种方法将标签与输入元素组合在同一标签内。

方法一：

<input type="checkbox" id="chk1" name="chk" /><label for="chk1">选项一</label>
<input type="checkbox" id="chk2" name="chk" /><label for="chk2">选项二</label>


<input type="radio" id="rad1" name="rad" /><label for="rad1">选项一</label>
<input type="radio" id="rad2" name="rad" /><label for="rad2">选项二</label>

方法二：

<label><input type="checkbox" name="chk" />选项一</label>
<label><input type="checkbox" name="chk" />选项二</label>

<label><input type="radio" name="rad" />选项一</label>
<label><input type="radio" name="rad" />选项二</label>