label标签两种使用方法

最新推荐文章于 2024-07-29 16:22:26 发布

little_bill

最新推荐文章于 2024-07-29 16:22:26 发布

阅读量1.5k

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/little_bill/article/details/83952512

版权

本文通过实例展示了HTML中表单元素的两种不同使用方法。第一种方法介绍了如何利用<label>标签配合<input type=radio>实现性别选择功能；第二种方法则演示了通过将<label>标签与<input type=checkbox>结合来创建可选的复选框。

摘要由CSDN通过智能技术生成


<html>
  <head></head>
  <body>
    <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" />
      <br/>

      <!-- 方法二 -->
      <label><input type="checkbox" name="a" value="1"/>abcdefg</label>
      <label><input type="checkbox" name="b" value="1"/>hijklmn</label>
    </form>
  </body>
</html>