单选框设置默认选中

简介: 单选框设置默认选中

HTML代码

HTML代码:

<input type="radio" name="type" value="教师" />教师
<input type="radio" name="type" value="学生" />学生
<input type="radio" name="type" value="管理员" />管理员

运行效果图

效果图:

属性含义解析

属性含义:

type=“radio” → type属性为radio是单选

name=“type” → 单选必须设置name属性相同 type → 设置的名称

value=“教师” → 属性值=教师

需求效果图

需求效果图:

设置默认效果后的HTML代码

设置默认效果之后的HTML代码:

<input type="radio" name="type" value="教师" />教师
<input type="radio" name="type" value="学生" checked />学生
<input type="radio" name="type" value="管理员" />管理员

设置默认选中学生只需添加一个checked就可以了,意思是初始选中值

(~~~~~~~~~~~~~~~~~~~~~~~~~~)

目录
相关文章
|
7月前
|
前端开发
复选框样式修改(复选框变为圆形)
复选框样式修改(复选框变为圆形)
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
|
5月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
67 1
|
7月前
|
缓存 前端开发
禁用文字选中
禁用文字选中
53 0
|
开发者
jeDate日期控件的使用以及选中后点确定按钮关闭功能
jeDate日期控件的使用以及选中后点确定按钮关闭功能
164 0
html+css实战34-单选功能和默认选中
html+css实战34-单选功能和默认选中
134 0
html+css实战34-单选功能和默认选中
|
JavaScript
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
1、问题举例描述: radio-group 标签组设置默认选择checked: ‘true’,选择了单选按钮的非默认选项(场外),再点击其他的选择(手续费率),单选按钮又会变成默认的选项(场内) 默认状态如下:
548 0
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】关于单选框的选中状态,下拉框默认显示
656 0
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】对于列表页复选框只有选中时才会显示
【Layui】对于列表页复选框只有选中时才会显示
184 0
【Layui】对于列表页复选框只有选中时才会显示
|
存储
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
484 0
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态