快速学会HTML语言-22-input标记radio(实例)

 时间:2026-02-14 01:44:01

1、input标记中单选按钮radio,在网页中单选按钮让用户进行单向选择,以空心圆显示。<input type="radio">

快速学会HTML语言-22-input标记radio(实例)

2、如图,用户注册时按生活中常识只能选中一个,不能两个都选。

所以接下来来解决这个问题。

男<input type="radio">

女<input type="radio">

快速学会HTML语言-22-input标记radio(实例)

3、男<input type="radio" name="sex">

女<input type="radio" name="sex">

设置name属性,name名字必须相同,不然没效果。

快速学会HTML语言-22-input标记radio(实例)

4、仔细发现没有默认方式,checked指定默认方式。

男<input type="radio" name="sex">

女<input type="radio" name="sex" checked>

快速学会HTML语言-22-input标记radio(实例)

5、input标记中的隐藏区域hidden。

这个标记在页面中是一点都没效果的,起到辅助作用,目的在于收集和发送信息,以便于被处理表单的程序所使用,发送表单时,隐藏区域hidden标记的信息也会被发送过去。

<input type="hidden">

快速学会HTML语言-22-input标记radio(实例)

6、input标记中的文件标记file,文本标记在页面上由一个文本框和"游览"按钮组成的,用户可以直接将上传给网站的文件路径输入在文本框中,也可以单击"游览"按钮。

<input type="file">

快速学会HTML语言-22-input标记radio(实例)

  • js怎样获取表格的自定义属性值
  • steam吃鸡在哪儿查看被封消息?
  • 《金铲铲之战》怎么打开赏金猎人宝箱
  • 坎特伯雷噩梦怎么开
  • 微信小程序视图容器类组件cover-view使用详解
  • 热门搜索
    雅思托福考什么 胆怯是什么意思 白发苍苍的意思 名落孙山的意思 天猫魔盒有什么用 回赠是什么意思 周末祝福语大全 什么行业适合创业 教师祝福 阿修罗上衣选什么技能