<input type="checkBox" name="fruit" value="apple">
<label>苹果</label>
<input type="checkBox" name="fruit" value="orange">
<label>橙子</label>
上面的代码创建了两个多选框,它们的名称都是fruit,但选项的值分别为apple和orange。同时,我们还使用label标签来为选项添加文字说明。
当用户提交表单时,我们可以使用后端代码来获取用户选择的选项。如果用户选择了多个选项,那么这些选项的值将以数组的形式提交。我们可以通过遍历这个数组来获取用户选择的每一个选项。例如,如果我们使用PHP来处理表单,可以使用下面的代码来获取用户选择的水果:
$fruits = $_POST['fruit'];
foreach ($fruits as $selected) {
echo $selected . <br>;
}
上面的代码会输出用户选择的水果,如果用户选择了苹果和橙子,那么输出结果如下:
apple
orange
因此,在HTML中设置多选框很简单,只需要创建多个input标签,并设置它们的type、name和value属性即可。而在后端代码中,我们可以通过获取提交的表单数据来获取用户选择的选项。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。