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>
代码说明：
立即学习“前端免费学习笔记（深入）”；
使用示例：
假设您要创建一个允许用户选择披萨浇头的表单。您可以使用以下代码：
<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>当用户提交表单时，服务器将接收一个包含已选浇头的数组。
以上就是html多选框代码怎么写的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
584
收藏
