htmllabelfor标签
⑴ javaScript 的html标签 lt;label for="">怎么用
JS中的HTML <label> 标签
定义和用法
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
实例:
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
⑵ html标签中 for属性只有label能用吗
是。for 属性规定 label 与哪个表单元素绑定。
⑶ HTML标签<label></label>标签有什么作用
label标签主要是方便鼠标点击使用,增强用户操作体验。
1、新建html文件,在网页中设置一个性别选项,这时当用户点击性别后面的小圆点才能选择性别,由于小圆点区域比较小,想准确点击比较麻烦,所有用户体验不好:
⑷ js生成标签label for
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>pro.html</title>
<scripttype="text/javascript"src="../jquery-1.8.0.min.js"></script>
<scripttype="text/javascript">
jQuery(function($)
{
$(':checkbox').each(function(index,eleDom)
{
$(this).after($("<labelfor="+eleDom.name+">"+index+"</label>"));
});
});
</script>
</head>
<body>
<inputid="item0"name="item0"type="checkbox"value="15"/>
<inputid="item1"name="item1"type="checkbox"value="15"/>
<inputid="item2"name="item2"type="checkbox"value="15"/>
</body>
</html>
⑸ HTML代码中的label标签的作用是什么
Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。
FOR属性
功能:表示标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。
用法:<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">
ACCESSKEY属性:
功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。
用法:<Label FOR="InputBox" ACCESSKEY="N">姓名</Label><input ID="InputBox" type="text">
局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。
注释
要将 LABEL 绑定到其它的控件,请将 LABEL 元素的 FOR 属性设置为与该控件的 ID 相同。将 LABEL 绑定到控件的 NAME 属性毫无用处。但是,要提交表单,你必须为 LABEL 元素所绑定到的控件指定 NAME。
有两种方法给所指定的快捷键添加下划线。LABEL 元素的 rich text 支持可以在 ACCESSKEY 属性所指定的快捷键字符两侧加上 U 元素。如果你更愿意使用样式表(CSS)来应用样式,可以将该字符包含在 SPAN 中,并设置样式为“text-decoration: underline”。
如果用户单击 LABEL,则会先触发 LABEL 上的 onclick 事件,然后触发由 htmlFor 属性所指定的控件上的 onclick 事件。按下 LABEL 设定的快捷键将设置焦点但并不触发 onclick 事件。
标签不允许嵌套。
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
此元素是内嵌元素。
此元素需要关闭标签。
元素示例代码
下面的例子使用了 LABEL 元素和 ACCESSKEY 属性设置文本框的焦点。
This example uses the LABEL element and the ACCESSKEY attribute to set focus on a text box.
Html代码
1.<LABEL FOR="oCtrlID" ACCESSKEY="1">
2.<!--<SPAN style="text-decoration:underline;">1</SPAN>: Press Alt+1 to set focus to textbox-->
3.</LABEL>
4.<INPUT TYPE="text" NAME="TXT1" VALUE="binding sample 1"
5.SIZE="20" TABINDEX="1" ID="oCtrlID">
⑹ html中label是块级标签吗
在页面布局中,一般会将html元素分为两种,即块级元素和内行内元素。label为行内元素,不是块级元容素。块级元素默认占一行高度,一行内有一个块级元素后一般无法添加其他元素,除非添加了float浮动。两个块级元素连续放置时,会在另起一行。块级元素一般可嵌套块级元素或行内元素。最直观的体现如下:
<!DOCTYPEhtml>
<html>
<head>?
<meta?charset="utf-8">?
<title>测试label标签</title>?
</head>
<body>
<pstyle="border-bottom:1pxsolid#ccc;color:red;padding-bottom:10px;margin-bottom:40px">测试label标签</p>
<labelfor="male">label标签</label>
<spanstyle="background-color:#ccc;padding:10px;margin-right:10px">分割</span>
<labelfor="male">label标签</label>
</body>
</html>
显示效果:
可见,两个label并没有换行显示。
⑺ html标签中lable的for属性有什么作用
定义和用法
for 属性规定 label 与哪个表单元素绑定。
隐式和显式的联系
标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label> 标签下的 for 属性命名一个目标表单 id,这样就是显式形式。
例如,在 XHTML 中:
显式的联系:
[html]view plain
<labelfor="SSN">SocialSecurityNumber:</label>
<inputtype="text"name="SocSecNum"id="SSn"/>
隐式的联系:
[html]view plain
1.<label>DateofBirth:<inputtype="text"name="DofB"/></label>
第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件("SocSecNum") 联系起来,它的 for 属性的值和控件的 id 一样,都是 SSN。第二个标记 ("Date of Birth:") 不需要 for 属性,它的相关控件也不需要id 属性,它们是通过在 <label> 标签中放入 <input> 标签来隐式地连接起来的。
实例
带有两个输入字段和相关标记的简单 HTML 表单:
[html]view plain
1.<form>
2.<labelfor="male">Male</label>
3. <inputtype="radio"name="sex"id="male"/>
4.<br/>
5.<labelfor="female">Female</label> 6.<inputtype="radio"name="sex"id="female"/>
7.</form>
⑻ HTML标签<label></label>标签有什么作用
其实主要是
label
中有两个属性是非常有用的,一个是for、另外一个就是accesskey了。
for属性
功能:表示label标签要绑定的html元素,你点击这个标签的时候,所绑定的元素将获取焦点。
用法:
<label
for="inputbox">姓名</label><input
id="inputbox"
type="text">
accesskey属性:
功能:表示访问label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。
用法:
<label
for="inputbox"
accesskey="n">姓名</label><input
id="inputbox"
type="text">
局限性:accesskey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。
注意:
要将
label
绑定到其它的控件,请将
label
元素的
for
属性设置为与该控件的
id
相同。将
label
绑定到控件的
name
属性毫无用处。但是,要提交表单,你必须为
label
元素所绑定到的控件指定name。