HTML 中的多选框允许用户选择多个选项，其代码结构包含：<input type="checkbox" name="choices" value="option1">，其中 name 为选项组的共同名称，value 为选项的唯一值。标签 <label> 提供可点击的选项文本。如示例中，表单允许用户选择披萨浇头，服务器将接收已选浇头的数组。
HTML 多选框代码
在 HTML 中，多选框用于创建允许用户选择多个选项的表单元素。
代码结构：
<code class="html"><input type="checkbox" name="choices" value="option1"> <label for="choices">选项 1</label> <input type="checkbox" name="choices" value="option2"> <label for="choices">选项 2</label> <input type="checkbox" name="choices" value="option3"> <label for="choices">选项 3</label></code>
代码说明：
立即学习“前端免费学习笔记（深入）”；
- type="checkbox"：指定输入类型为多选框。
- name="choices"：为所有多选框设置一个共同的名称，以便服务器可以识别它们属于同一组。
- value="option1"：设置多选框的唯一值，以便服务器可以在提交时识别选中的选项。
- <label>：用于为多选框提供可点击的标签。
使用示例：
假设您要创建一个允许用户选择披萨浇头的表单。您可以使用以下代码：
<code class="html"><form>
<p>选择您的披萨浇头：</p>
<input type="checkbox" name="toppings" value="pepperoni">
<label for="toppings">意大利辣香肠</label>
<input type="checkbox" name="toppings" value="mushrooms">
<label for="toppings">蘑菇</label>
<input type="checkbox" name="toppings" value="onions">
<label for="toppings">洋葱</label>
<input type="submit" value="提交">
</form></code>当用户提交表单时，服务器将接收一个包含已选浇头的数组。
