单选框设置默认选中

单选框设置默认选中单选框设置默认选中

大家好,又见面了,我是你们的朋友全栈君。

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就可以了,意思是初始选中值

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

联系阿超

(可解疑解答,无偿)

阿超QQ:2425991616

阿超微信:2425991616

阿超邮箱:2425991616@qq.com || aboutgaojc@163.com

扫码添加阿超微信

在这里插入图片描述

扫码添加阿超QQ

在这里插入图片描述

欢迎关注阿超的公众号!

在这里插入图片描述

如果这篇文章帮助到了您,这里还可以打赏博主哦~m_m

在这里插入图片描述
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/139094.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月7日 上午8:20
下一篇 2022年5月7日 上午8:20


相关推荐

  • 第二代身份证 验证

    第二代身份证 验证
    今天,在盛大某网站注册的时候,身份证必填,但我又不想填真实身份证号码,于是随便编了串自认为合法的身份证号码,但是却马上被提示号码错误,由于响应速度极快,可以肯定不是联机校验正确性的,那也就是说第二代身份证除了大家都知道的几位表示生日和性别的规则以外,还有另外的自我校验规则。于是翻开页面源码查看,发现这段js没有被压缩,所以规则也很好懂。
    就在这里给大家科普下,不知道是不是火星了,呵呵。
    以下代码来自这里,版权归盛大。当然,你也可以在维基百科找到更详细的介绍和算法。

    2022年6月27日
    30
  • DB9串口和RJ45串口

    大家好,又见面了,我是你们的朋友全栈君。

    2022年4月8日
    66
  • a星算法c++实现_递归算法理解

    a星算法c++实现_递归算法理解翻了翻别人写的博客,我看到一个A星算法,只怪自己见识太少,竟然没听过这个算法。网上查了好些资料,自己对这算法理解了些,并用C#实现出来。           A星算法,也叫A*算法。这是一种在图形平面上,有多个节点的路径,求出最低通过成本的算法。如在一张dota地图上,英雄从一个地方走动到地图上另一个点,它选择最优路线的算法。       如上图,绿点是

    2022年10月6日
    4
  • javascript 注释_JavaScript中的注释

    javascript 注释_JavaScript中的注释javascript 注释 Likeotherpro inJavaScript Wheneverwewa documentfrom

    2026年3月17日
    2
  • currentStyle使用示例[通俗易懂]

    currentStyle使用示例[通俗易懂]currentStyle使用示例Dom中的currentStyle属性.从字面上理解这是当前样式风格.没错currentStyle就是用来获取元素内Css的style样式属性值.比如说元素的width值height值.甚至元素的文本排放方式text-align,包括

    2022年7月14日
    24
  • pycharm 常用快捷键整理

    pycharm 常用快捷键整理pycharm 常用快捷键 1 编辑 Editing Ctrl Space 基本的代码完成 类 方法 属性 Ctrl Alt Space 快速导入任意类 Ctrl Shift Enter 语句完成 Ctrl P 参数信息 在方法中调用参数 Ctrl Q 快速查看文档 F1 外部文档 Shift F1 外部文档 进入 web 文档主页 Ctrl Shift Z gt Redo 重做 Ctrl 鼠标简介 进入代码定

    2026年3月27日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号