单选框设置默认选中

单选框设置默认选中

  • HTML代码
  • 运行效果图
  • 属性含义解析
  • 需求效果图
  • 设置默认效果后的HTML代码
  • (~~~~~~~~~~~~~~~~~~~~~~~~~~)
  • 联系阿超
  • (可解疑解答改bug)

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

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

联系阿超

(可解疑解答改bug)

你可能感兴趣的:(HTML,html,css)