摘要:

下文讲述html代码中input type=’radio’时的相关属性简介说明,如下所示:

input type=’radio’ 简介

当input标签中type=’radio’时,即可创建一个单选按钮

单选按钮注意事项:

在一个html页面中,一组具有相同name属性值的radio按钮,

同时有且只有一个radio按钮被选中(当我们点选一个radio时,其它name相同的radio单选框会自动变为非选中状态)

radio单选按钮具有以下属性,如下所示:

1.name:此属性必须设置,否则后台无法获取表单数据,html代码根据此属性值使一组radio每时每刻最多只有一个被选中

2.value:设置value属性值,当此radio被选中时,提交后台时,会将此值发送至后台

3.checked:设置单选按钮处于选中状态

4.required(HTML5):设置单选按钮是必选

5.form(HTML5):设置单选按钮所属的一个或多个表单

6.autofocus(HTML5):设置在页面加载时,对应的单选框是否获取焦点

7.disabled:设置单选框是否可用

例:

猫猫教程(www.maomao365.com)

---radio单选框举例说明

性别:

html_表单元素input_type_radio单选框举例说明

html单选按钮 状态,HTML input radio 单选按钮简介说明相关推荐

  1. jquery给单选按钮赋值_jquery循环遍历radio单选按钮,并设置选中状态

    背景:自己在做项目过程中遇到的问题,现在记录一下. 需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置 因为自身js功底欠佳,所以耽误了点时间,现在把方 ...

  2. jquery循环遍历radio单选按钮,并设置选中状态

    背景:自己在做项目过程中遇到的问题,现在记录一下. 需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置 因为自身js功底欠佳,所以耽误了点时间,现在把方 ...

  3. 自定义常用input表单元素二:纯css实现自定义radio单选按钮

    这是接着上一篇纯css自定义复选框checkbox的第二篇,自定义一个radio单选按钮,同样,采用css伪类和"+"css选择器为思路,下面是预览图: 下面直入主题放代码:HTM ...

  4. html单选按钮字体,如何修改radio,input元素默认样式

    一.背景介绍 下拉列表由select标签实现,单选按钮由表单元素input的type属性radio定义.以下分别是一个简单的下拉列表和单选按钮. 二.知识剖析 1.form元素 form元素定义HTM ...

  5. html 单选按钮(input radio)

    <input> 的 radio 类型元素默认渲染为小型圆圈图表,填充即为激活,类似于之前描述额复选框(checkbox)类型.单选按钮允许你选择单一的值来提交表单. 属性 描述 name ...

  6. 用图片制作radio单选按钮

    用图片制作radio单选按钮 找两张背景透明的图片作为"未选中"和"选中"状态的单选按钮: 定义一个单选按钮组: <div class="rds ...

  7. html5复选框控制按钮状态,HTML input checkbox复选按钮简介说明

    摘要: 下文讲述html代码中input type='checkbox'时的相关属性简介说明,如下所示: input type='checkbox' 简介 当input标签中type='checkbo ...

  8. 用jquery校验radio单选按钮(原创)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head ...

  9. html中radio单选按钮控件标签用法解析及如何设置默认选中

    Radio 对象代表 HTML 表单中的单选按钮.在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建.单选按钮 ...

最新文章

  1. Nature撤稿!三年前微软在量子计算上的巨大胜利终究是个错误
  2. iBATIS配置文件的特殊使用方法
  3. 反客为主 ——浅议呼叫中心在网络营销4C策略中的角色与价值
  4. code vs 把所有行拼接成一行_关于SQL Server将一列的多行内容拼接成一行的问题讨论...
  5. Ubuntu 命令行打开pdf文件和打开命令行当前目录
  6. k8s:pod容器的生命周期之init容器
  7. Xshell操控kali-linux虚拟机
  8. OpenShift 4 - 多云管理(1) - 安装 RHACM、导入已有集群、配置观察功能
  9. 647. 回文子串(JavaScript)
  10. bpa软件视频教程,BPA是什么软件
  11. 计算机在输电线路设计中的应用研究,计算机在输电线路基础设计中的应用原稿(电子版)...
  12. win10强制关闭飞行模式_Win10一键关闭自动更新
  13. 魔兽世界私服架设 服务器架设简易教程
  14. FPGA结构分析——IDELAY2,网口储备点3
  15. linux中的网络指令ssh ifconfig netstat telnet curl scp
  16. [转] 网站性能优化之------------- 数据库及服务器架构篇
  17. SpringMVC多个拦截器流程简图
  18. 游戏开发常用引擎工具介绍对比区别(UE4,Unity,Cocos,LayaAir,[egret白鹭])
  19. SpringBoot继承阿里云短信
  20. fastjson转换器简介及基本使用

热门文章

  1. WinXP 无线提示“区域中找不到无线网络”的一种可能原因!
  2. ubuntu下使用星际译王Stardict
  3. R语言正则表达式语法共享(更新中)
  4. USB设备的电源设计考虑
  5. MATLAB算法实战应用案例精讲-【智能优化算法】多目标蚁狮优化算法(MOALO)(附matlab代码实现)
  6. 《细胞》重磅连发:记忆可“遗传”!
  7. 生命游戏,25号宇宙与奋斗者
  8. msxml3.dll 错误 '80072ee2'The operation timed out
  9. 我研究数学的经验----丘成桐 院士
  10. 再见邓肯!再见石佛!