服务时间:8:30-18:00

首页 >web前端网

html复选框怎么写

发布时间:2023-11-10 15:50 字数:683字 阅读:56

html复选框怎么写?在 HTML 中,复选框(Checkbox)可以使用 \<input> 元素来创建。以下是一个简单的示例:

html复选框怎么写

<!DOCTYPE html>
<html>
<body>

<form action="/submit-form">
  <input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1">
  <label for="checkbox1">复选框 1</label><br>
  <input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox2">
  <label for="checkbox2">复选框 2</label><br>
  <input type="checkbox" id="checkbox3" name="checkbox3" value="checkbox3">
  <label for="checkbox3">复选框 3</label><br><br>
  <input type="submit" value="提交">
</form>

</body>
</html>

在这个示例中,我们使用了 \<input> 元素来创建三个复选框,每个复选框都有一个唯一的 id 和 name 属性,以及一个值(value)。同时,每个复选框后面都有一个 \<label> 元素,通过 for 属性和 \<input> 的 id 相关联,这样用户点击标签文字时也会触发复选框的选择。

当用户勾选其中一个或多个复选框并提交表单时,被选中的复选框的值会被包含在表单数据中,以便后续处理。