📜  HTML |<input type=”checkbox”>(1)

📅  最后修改于: 2023-12-03 15:15:38.882000             🧑  作者: Mango

HTML | <input type=”checkbox”>

<input type=”checkbox”> 标签是 HTML 中用于创建复选框(checkbox)的标签。

它允许用户在指定的选项中选择一个或多个选项,通常与 <label> 标签一起使用。

语法
<label>
  <input type="checkbox" name="..." value="..." [checked]>
  文本
</label>
  • type: 指定 input 的类型为 checkbox。
  • name: 选项的名称,用于区分表单内不同的选项。
  • value: 选项的值,当选中该选项时,会使用该值提交表单。
  • checked: 可选属性,当存在时,该选项默认被选中。
示例
<form>
  <label>
    <input type="checkbox" name="hobby" value="swimming" checked>
    游泳
  </label>
  <label>
    <input type="checkbox" name="hobby" value="reading">
    读书
  </label>
  <label>
    <input type="checkbox" name="hobby" value="traveling">
    旅行
  </label>
  <input type="submit">
</form>

效果如下:

checkbox示例

以上示例中,选项名称为 hobby,有三个选项:游泳、读书、旅行。

其中游泳选项被默认选中,当用户提交表单时,若选中了其他选项,则会将选项值 swimmingreadingtraveling 一起提交给后台。

在后台处理时,可以根据参数 hobby 来判断用户选择的是哪些选项。