表单中input标签单选域与表单复选域的基本解析

最新推荐文章于 2024-08-17 16:33:18 发布

请叫我二狗哥

最新推荐文章于 2024-08-17 16:33:18 发布

阅读量2.1k

点赞数

分类专栏：基础案例文章标签： radio 单选域复选域表单

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/88852015

版权

本文介绍了HTML中input标签用于创建单选域（radio）和复选域（checkbox）的基本概念。单选域需通过设置相同的name属性实现单选，而复选域name属性相同表示同组，允许多选。checked属性用于设定默认选中状态。不同的name属性值将使元素被视为不同组，影响其选择行为。

摘要由CSDN通过智能技术生成

表单单选域与表单复选域的基本解析：

在网页制作中单选框和复选框是常用的功能之一。表单单选框与复选框是通过input标签设置type属性值来实现的。type="radio"为单选域，type="checkbox"为复选域。

表单单选框中

type="radio" 中name属性取值需要相同才能达到单选效果，value值为上传到服务器的值，因此规范代码条件下value值应该彼此互异。 checked表示该项为默认选中状态。

表单复选框中

type="checkbox" 中name属性取值虽然不一致也可以达到复选效果，但是在实际开发过程中name属性取值也要相同。因为当提交按钮后，服务器会根据name值来判断是哪一组数据选择了什么样的内容。name值相同意味着同一组。

单选框标准代码:

最喜欢的dota明星：<br/>
<input type="radio" name="star" value="Bacchus"/>酒神<br/>
<input type="radio" name="star" value="SmallButterfly"/>小蝴蝶<br/>

关注

专栏目录