HTML实现单选和多选_html多选-程序员宅基地

技术标签： servlet 前端 html

在 HTML 中，把 <input> 标签的 type 属性设置为 radio 可以表示单选按钮。

1.实现单选

1) checked属性

checked 属性用来设置页面加载时单选按钮的选中状态。当属性值为“checked”时，单选按钮会被选中。

<form action="http://vip.biancheng.net/login.php" method="post" name="formName">
性别：<input type="radio" name="girl" checked="checked">女
<input type="radio" name="boy" checked="checked">男
</form>

运行结果如图所示：

2) name属性

上述代码因为 name 属性值不同，两个单选按钮被同时选中。接下来我们就来看一下当 name 属性值相同时，给两个按钮都设置选中，会产生什么效果：

<form action="http://vip.biancheng.net/login.php" method="post" name="formName">
性别：<input type="radio" name="sex" checked>女
<input type="radio" name="sex" checked>男
</form>

运行结果如图所示：

通过运行结果可以发现，后面的按钮被选中，而前面的按钮没有。这是因为当 name 属性值相同而且 type 属性为 radio 时，浏览器会认为是相同字段，默认只能选择一个。然而又因为我们为两个按钮同时设置了选中效果，根据代码的执行顺序后者会覆盖前者。

2.实现多选

1) 将input标签的type属性值设置为checkbox，即设置input为多选项类型。

2）再使用checked属性设置第一个选项和最后一选项为默认选项。

本文链接：https://blog.csdn.net/qq_52641515/article/details/125679586

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

命令模式（Command）_command命令是干什么的-程序员宅基地

文章浏览阅读1.1k次。命令是一种行为设计模式它可将请求转换为一个包含与请求相关的所有信息的独立对象。该转换让你能根据不同的请求将方法参数化、延迟请求执行或将其放入队列中，且能实现可撤销操作。假如你正在开发一款新的文字编辑器，当前的任务是创建一个包含多个按钮的工具栏，并让每个按钮对应编译器的不同操作。你创建了一个「Button」类。它不仅用于生成工具栏上的按钮，还可用于生成各种对话框的通用按钮。尽管所有按钮看上去都很相似，但它们可以完成不同的操作（打开、保存、打印和应用等）。你会在哪里放置这些按钮的点击处理代码呢？最。_command命令是干什么的

前端移动端Swiper插件（使用方法）_移动端分页插件-程序员宅基地

文章浏览阅读2.2k次，点赞2次，收藏2次。前端移动端Swiper插件（使用方法）_移动端分页插件

shell perl tcl python 和rubby_python、tcl及perl语言怎么区分-程序员宅基地

文章浏览阅读3.5k次，点赞3次，收藏6次。以前用过tcl，最近在一个项目中用到了perl.这里我简要描述一下我的心得。_python、tcl及perl语言怎么区分

推荐项目：PyTorch-Struct - 强大的PyTorch结构化预测库-程序员宅基地

文章浏览阅读402次，点赞4次，收藏8次。推荐项目：PyTorch-Struct - 强大的PyTorch结构化预测库项目地址:https://gitcode.com/harvardnlp/pytorch-structPyTorch-Struct 是由哈佛大学自然语言处理小组开发的一个强大的PyTorch扩展库，专注于结构化预测任务。此项目提供了一套简洁、高效的工具，旨在帮助研究人员和开发者更好地实现序列模型、图模型以及更复杂的结构化...

ES6类的继承-程序员宅基地

文章浏览阅读551次。ES6类的继承_es6类的继承

物联网应用选择 RTOS 还是 Linux？_rtos和linux如何选择-程序员宅基地

文章浏览阅读2.3k次，点赞8次，收藏29次。Linux VS RTOS，我该选哪个？1）关于物联网应用选择 Linux(通用操作系统 GPOS) 还是 RTOS（实时操作系统 RTOS），首先是简单的答案：如果您有实时需求，您应该使用（顾名思义）RTOS。2）除此之外，一切都取决于您的实际要求（成本、功能）。这也实际上取决于开发人员习惯了什么。配置 Linux 可能非常具有挑战性，有时简单的 RTOS 会更容易。_rtos和linux如何选择