label与radio合并

写法一

<input type="radio" id="radioA" name="radio1" /><label for="radioA">这是radioA</label>

<input type="radio" id="radioB" name="radio1" /><label for="radioB">这是radioB</label>

label for将label与radio关联到一起，点击label与点击radio效果一样

　　写法二：

<label><input type="radio"  name="radio2">这是radioA</label>

<label><input type="radio"  name="radio2">这是radioB</label>

label与radio合并，显示出来的是一个label样式的radio

时间： 2024-08-13 21:11:33

label与radio合并的相关文章

解决在IE下label中IMG图片无法选中radio的几个方法

今天遇到一个问题,在IE浏览器下,使用label FOR radio后,label中的图片无法选中.例如,这样的代码 <input type="radio" name="radio" id="a" /><label for="a"><img src="/Labs/images/logo.gif" /></label> ,这种情况下,点击label的图片将无法选

关于label和input对齐的那些事

input文本和label对齐 默认状态下,也就是下面这样, 文字和input是居中的. <div>     <label>我是中国人</label>     <input type="text"></div> 但是经常设计图中有label的行高,或者input的高度设计,默认状态下,依然是居中的.但是很多时候label和input要浮动,一旦浮动,后面的input标签就紧紧的贴住了label标签,也就造成了视觉上看到并没有居

微信小程序组件解读和分析：十一、label标签

label标签组件说明: label标签,与html的label标签基本一样.label 元素不会向用户呈现任何特殊效果.不过,它为鼠标用户改进了可用性.如果您在 label 元素内点击文本,就会触发此控件.就是说,当用户选择该标签时,就会自动将焦点转到和标签绑定的表单控件上,主要用来改进表单组件的可用性.使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件.for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件.目前可以绑定的控件有:<button/>

微信小程序组件解读和分析：十三、radio单选项目

radio单选项目组件说明: radio:单选项目. radio-group: 单项选择器,内部由多个<radio/>组成. radio单选项目示例代码运行效果如下: 下面是WXML代码: [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 <view class="page">   <view class="page__hd">     <text

angularJs 处理单选按钮（radio）

<label class="radio"> <input type="radio" name="level" ng-model="levelName" value="D"/>本科 </label> <label class="radio"> <input type="radio" name="level&

Angular js Radio Button

症状: 绑定一个list   radio button 老是只能绑定一行,纠结了很久 ,回家发现  原来是 name 用了同一个  ,坑啊,记录下 免得下次再犯. 之前的代码 <ul> <li ng-repeat="row in list"> <span> {{row.name}}</span> <label class="radio"> <input type="radio" n

多组checkbox与radio判断选中

有多组checkbox和radio,每组都必须有选择才能提交表单 简单代码如下 html代码:(就是3组checkbox,3组radio,checkbox类名为control-group checkbox:radio类名为control-group radio) <form method="POST" id="wxform" action="xxxx" class="form-horizontal"> <di

自定义checkbox， radio样式

17.2.25.nimil 今天开始做百度前端学院的任务,第一个是自定义checkbox, radio样式. checkbox和radio两个标签是不可以改变样式的,background-color.border等属性都对其无效. 但是本身的样式又不太美观: 本身的radio外观:本身的checkedbox外观. 不能改样式,却又如此的不美观,实在不符合我们现在的审美和需求. 这是百度给的一个样式图片: 首先,HTML: <div> <input type="radio&quo

浅谈struts2标签中的2个很常用的标签的用法（radio和select）

1.如图所示我们需要在前台的页面通过radio和select将对应的数据库中的数据显示到选项当中,这也是我们做项目中经常需要做的,动态的显示,而不是静态的显示. 首先我们需要在页面中导入struts2的标签库<%@ taglib prefix="s" uri="/struts-tags"%>,一般的我们不用struts2写一个radio代码如下: <input type="RADIO" name="sex"