label标签
来源:互联网 发布:校园招聘网络营销策划 编辑:程序博客网 时间:2024/05/08 15:03
<label for="tbName">Your Name:</label>请问,这里面的for是什么意思啊。
最佳答案for是label的一个属性,为页面上的其它元素指定一个标签。解释一下,要把lable绑定到其它的控件,需将lable元素的for属性设置为与该控件的id相同。一般在提交表单时,为lable元素所绑定到的控件指定name。有两种方法给所指定的快捷键添加下划线:1、lable元素的rich text支持可以在 accesskey属性所指定的快捷键字符两侧加上U元素。2、如果用样式表(CSS),可以将该字符包含在span中,并设置样式为“text-decoration: underline”。如果用户单击lable,则会先触发lable上的onclick事件,然后触发由 htmlFor属性所指定的控件上的onclick事件。按下lable设定的快捷键将设置焦点但并不触发onclick事件。
<label for="tbName">Your Name:</label>请问,这里面的for是什么意思啊。
for是label的一个属性,为页面上的其它元素指定一个标签。解释一下,要把lable绑定到其它的控件,需将lable元素的for属性设置为与该控件的id相同。一般在提交表单时,为lable元素所绑定到的控件指定name。有两种方法给所指定的快捷键添加下划线:1、lable元素的rich text支持可以在 accesskey属性所指定的快捷键字符两侧加上U元素。2、如果用样式表(CSS),可以将该字符包含在span中,并设置样式为“text-decoration: underline”。如果用户单击lable,则会先触发lable上的onclick事件,然后触发由 htmlFor属性所指定的控件上的onclick事件。按下lable设定的快捷键将设置焦点但并不触发onclick事件。
<input type="text" value="234" id="txt" onclick="alert('input_click')" /><label for="txt" onclick="alert('label_click')">name</label>试试, 上面的代码会先弹出label_click, 再弹出input_click;
反之, 单击input, 不会引会label的事件.
___________________________________________________________________________________________________________________________
定义和用法
for 属性规定 label 与哪个表单元素绑定。
隐式和显式的联系
标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label> 标签下的for 属性命名一个目标表单 id,这样就是显式形式。
例如,在 XHTML 中:
显式的联系:<label for="SSN">
Social Security Number:</label>
<input type="text" name="SocSecNum"id="SSn"
/>隐式的联系:<label>
Date of Birth: <input type="text" name="DofB" /></label>
第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件 ("SocSecNum") 联系起来,它的for 属性的值和控件的 id 一样,都是 SSN。第二个标记 ("Date of Birth:") 不需要for 属性,它的相关控件也不需要 id 属性,它们是通过在 <label> 标签中放入 <input> 标签来隐式地连接起来的。
实例
带有两个输入字段和相关标记的简单 HTML 表单:
<form> <labelfor="male"
>Male</label> <input type="radio" name="sex" id="male" /> <br /> <labelfor="female"
>Female</label> <input type="radio" name="sex" id="female" /></form>
- label标签
- <label> 标签
- label标签
- label标签
- label 标签
- Label标签
- label标签
- label标签
- label标签
- label标签
- label标签
- <label></label>标签的作用。
- HTML <fieldset> 标签 label标签
- html中的label标签
- label标签使用详解
- label标签应用
- HTML label 标签
- 标签label的用法
- 【解决问题】完成从Mysql到SQLite数据库的整体迁移
- 中英翻译好句子
- today Bug
- Android上HDMI介绍(基于高通平台)
- 微软面试题 寻找数组中出现的唯一重复的一个数
- label标签
- 收藏一些有用的地址
- Trie树(字典树)
- Ext的TabPanel页面加载总结
- 重载和多态
- 初识Expression Tree of Linq
- Anti-alias的前世今生-常用反走样算法总结
- 任何类型的文件下载时都会弹出文件保存框的实现
- 模拟器安装android market