html 单选按钮(input radio)

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

属性	描述
name	字符串,相同name的radio会成组,选择那按钮组的任何单选按钮将会自动取消同组当前选择的任何按钮
checked	布尔值,true表示被选中,false表示未被选中
defaultChecked	布尔值,表示默认被选中
id	字符串,唯一标志,常用来和label的for搭配使用
value	字符串,表示选中时向后端传递的值
disabled	布尔值,是否被禁用

例子:

<div><input type="radio" id="huey" name="drone" value="huey" checked><label for="huey">Huey</label><input type="radio" id="dewey" name="drone" value="dewey"><label for="dewey">Dewey</label>
</div>

label 用来和radio配合,当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

参考:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/radio
https://www.runoob.com/jsref/dom-obj-radio.html

html 单选按钮(input radio)相关推荐

单选按钮input[type=radio]，加上disabled后按钮颜色失效，始终默认为灰色
在前端使用单选按钮input[type=radio]时,渲染后台数据时将单选按钮设为不可修改,给input加上disabled后,按钮颜色变灰,且通过css修改样式也无法改变. 通过百度尝试了类似以下 ...
html代码中radio,HTML DOM Input Radio用法及代码示例
Input Radio对象用于访问或创建type =" radio"的输入元素. 用法: 要访问输入元素,类型=" radio".document.getEle ...
html单选框 disabled,HTML Input Radio disabled用法及代码示例
DOM输入单选禁用属性用于设置或返回是否必须禁用单选按钮.禁用的单选按钮为un-clickable,无法使用.它是一个布尔属性,用于反映HTML Disabled属性.默认情况下,在所有浏览器中通常以 ...
html radio name属性,HTML Input Radio name用法及代码示例
HTML DOM中的DOM输入单选名称属性用于设置或返回单选按钮的name属性的值.每个输入字段都需要name属性.如果未在输入字段中指定name属性,则将根本不发送该字段的数据. 用法: 它返回输入 ...
html单选按钮状态,HTML input radio 单选按钮简介说明
摘要: 下文讲述html代码中input type='radio'时的相关属性简介说明,如下所示: input type='radio' 简介当input标签中type='radio'时,即可创建一 ...
android 单选按钮横置,input radio如何实现横向布局
我这边要实现通过radio横向布局选择男女,目前checked时内部圆心是不显示的,怎么去解决呢? input[type=radio]{ height: 26px; left: 35%; posit ...
html怎么控制单选按钮,html radio单选按钮JS脚本控制
html radio单选按钮JS脚本控制 raido式input type='radio' name='test' value='v1' / 使用JS脚本判断是否有name为test的radio被选中 ...
选择互斥 html,利用JS对两行Input radio 进行互斥选择。
根据项目需要对radio 进行选择就是说第一种选了第二种不能在选了. 标签是很简单直接主要说一下JS代码如下 $(function(){ $('.radioItemY').change(func ...
使用 jQuery 查询属性不包含 disabled 的 input radio
源代码如下: <!DOCTYPE html> <html> <head><script src="jQuery/jquery1.7.1.js&quo ...

html 单选按钮(input radio)

html 单选按钮(input radio)相关推荐

最新文章

热门文章