html多选 html多选按钮代码怎么写

HTML多选框的使用方法

在HTML中，我们经常需要让用户从多个选项中进行选择，这时，我们可以使用<input>标签的type="checkbox"属性来创建多选框，以下是一个简单的例子：

<form action="/submit_form">
  <label for="fruits">你喜欢哪些水果？</label><br>
  <input type="checkbox" id="apple" name="fruits" value="apple">
  <label for="apple">苹果</label><br>
  <input type="checkbox" id="banana" name="fruits" value="banana">
  <label for="banana">香蕉</label><br>
  <input type="checkbox" id="cherry" name="fruits" value="cherry">
  <label for="cherry">樱桃</label><br>
  <input type="submit" value="提交">
</form>

在这个例子中，我们创建了一个表单，用户可以从中选择他们喜欢的水果，每个复选框都有一个唯一的id和name属性，这样当用户提交表单时，我们就可以通过这些属性获取用户的选择。

我们还使用了<label>标签来为每个复选框添加描述。for属性应该与id属性匹配，这样当用户点击标签时，对应的复选框就会被选中或取消选中。

我们添加了一个提交按钮，当用户完成选择并点击提交按钮时，表单就会被提交到指定的URL（在这个例子中是/submit_form）。

这就是HTML多选框的基本使用方法，你可以根据需要调整复选框的数量和样式，以及处理表单提交的方式。