单选框设置默认选中

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

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

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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java volatile 关键字详解「建议收藏」

    java volatile 关键字详解「建议收藏」javavolatile关键字详解一,什么是volatile关键字,作用是什么​volatile是java虚拟机提供的轻量级同步机制​作用是:1.保证可见性2.禁止指令重排3.不保证原子性本篇具体就讲解什么叫保证了可见性,什么叫禁止指令重排,什么是原子性而在这之前需要对JMM有所了解二,什么是JMM​JMM(java内存模型JavaMemoryModel简称JMM)本身是一个抽象的概念,并不在内存中真实存在的,它描述的

    2022年7月18日
    14
  • echart中折线图data为“”时 线还连着 并为0

    echart中折线图data为“”时 线还连着 并为0

    2020年11月9日
    194
  • 51单片机按键控制步进电机加减速及正反转

    51单片机按键控制步进电机加减速及正反转之前尝试用单片机控制42步进电机正反转,电机连接导轨实现滑台前进后退,在这里分享一下测试程序及接线图,程序部分参考网上找到的,已经实际测试过,可以实现控制功能。所用硬件:步进电机及驱动器、STC89C52单片机、直流电源1、硬件连接图注意:上图为共阳极接法,实际连接参考总体线路连接。 驱动器信号端定义:PUL+:脉冲信号输入正。(C…

    2022年6月1日
    141
  • wxWidgets刚開始学习的人导引(6)——wxWidgets学习材料清单

    wxWidgets刚開始学习的人导引(6)——wxWidgets学习材料清单

    2022年3月3日
    23
  • android listview单击事件

    android listview单击事件今天我们来学习下listview单击事件,这在开发中是经常用的组件之一。1.新建一个项目,名为ListViewDemo。2.布置布局文件main.xmlandroid:orientation=”vertical”android:layout_width=”fill_parent”android:layout_height=”fill_parent”>

    2022年7月22日
    11
  • ctf-web:关于文件上传漏洞的深入研究[通俗易懂]

    ctf-web:关于文件上传漏洞的深入研究[通俗易懂]上次我们研究了关于文件上传的漏洞,这次我们研究的内容属于上节课的补充内容,关于文件上传的绕过与防御.怎么说呢,算是一种锻炼吧.因为下个月有个awd的比赛,因此最近会经常发一些关于web的内容.其实我还是挺慌的,因为以前参加的都是ctf线上赛,而且我做的都是逆向这个方面的,然而这次突然来了个web,搞得我有点懵.web也是最近才开始研究的,所以写的可能不尽人意,希望各位大佬看看就好,不喜勿喷.一.实验环境我们这次的实验依然用的是上次的网站和phpstudy.我发在了下面.1.upload-f.

    2022年7月15日
    15

发表回复

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

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