label是什么标签,label标签什么意思
HTML 表单之label标签介绍
转自: HTML 表单之label标签介绍
label标签介绍
label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,和span标签类似。但label标签和span标签最大的区别就是它为鼠标用户改进了可用性,可以关联特定的表单控件。
label标签和特定表单控件关联之后,如果用户在 label 元素内点击文本,就会触发关联的表单控件。就是说,当用户选择该label标签时,浏览器就会自动将焦点转到和label标签相关的表单控件上。
主要使用场景
label标签常用于与checkbox或radio关联,以实现点击文字也能选中/取消checkbox或radio。如下图,点击文字和点击前面的单选框效果相同,即加大了控件的可点击区域较大,因为点击标签或控件都将激活控件,这对于复选框和单选框特别有用。
label标签和特定表单元素关联方式
label标签的关联方式主要有两种,显示关联和隐式关联:
显式关联是通过label标签的for属性,显式与另一个表单控件关联。需要注意的是,for属性的值必须是与label标签在同一文档中的可标记表单元素的id,注意是id而不是name。如:
效果图:
隐式关联是直接将表单控件放到label标签内,这种情况下,label标签只能包含一个表单元素,包含多个只对第一个有效。如下:
label点击我可以使文本框获得焦点
input type='text' name='theinput' id='theinput'
/label
效果图如下,点击文字便能是文本框获得焦点:
显示关联和隐式关联的优缺点:
显式关联优点:
可以减少标签嵌套层数
label标签和表单可以在不同的位置
显示关联缺点:
控件需要定义id属性
label标签和表单控件不利于作为一个整体来控制
隐式关联优点:
控件无需定义id
标签和控件方便作为一个整体控制
隐式关联缺点:
增加了标签嵌套层数
不能将标签和关联控件放到不同的位置
以上是个人对两种方式的看法,使用时可按需要选择显示或隐式。
label标签的浏览器支持及可关联的表单元素
所有主流浏览器都支持label标签。Safari 2 或更早的版本不支持label标签。
能使用显示关联的表单元素有:
input type="text" 文本框,点击标签时关联的文本框获得焦点。
input type="checkbox" 复选框,点击标签时选中或取消选中复选框。
input type="radio" 单选框,点击标签时选中单选框。
input type="file" 文件上传,点击标签时打开文件选择对话框。
input type="password" 密码框,点击标签时密码框获得焦点。
textarea 文本域,点击标签时文本域获得焦点。
select 下拉框,点击标签时,下拉框获得焦点,不过并不展开下拉框选项。
label标签的form属性
form 属性指定label标签元素所属的表单。如下,虽然label标签在myform表单外,但仍属于myform表单。如下:
form action="" id="myform"
input type="radio" name="sex" id="male" value="male"
label for="female"女/label
input type="submit" value="提交"
/form
label for="male" form="myform"男/label
效果图如下,点击”男”同样可以选中第一个单选框
注:
该form属性已于2016年4月28日从HTML规范中删除。但是,脚本仍然可以访问只读HTMLLabelElement.form属性; 它返回标签的关联控件是成员的形式,或者null如果标签未与控件相关联或控件不是表单的一部分。
标签有什么用
label标签在HTML中的作用是定义input元素的标注。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
label 标签的 for 属性应当与相关元素的 id 属性相同。"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
扩展资料
特点
1、由尖括号包围的关键词,比如 html
2、通常是成对出现的,比如 div 和 /div
3、标签对中的第一个标签是开始标签,第二个标签是结束标签;
4、开始和结束标签也被称为开放标签和闭合标签。
5、也有单独呈现的标签,如:img src="百度百科.jpg" /等。
6、一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如h1标题/h1和 input type="text" value="按钮" /。
7、网页的内容需在html标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在head标签中,而网页需展示的内容需嵌套在body标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。
参考资料来源:百度百科-html标签
label和tag意思上有什么区别?
用于服装时,label通常指由织物做成并缝在衣服上的标签,tag通常指挂在衣服上、穿衣服前要剪下的硬纸板标签。
name tag指名牌,可贴或系在身上表明佩戴者的身份:
例句:All babies in the hospital have name tags tied round their ankles.
医院里所有婴儿的脚踝上都系有姓名标签。
单词解析:
1、label? 读音:英 [?le?bl]? ?美 [?le?bl]
n.标签;称标记,符号;[建] 门或窗户上面的线脚
vt.贴标签于;把?称为;把?列为;[化]用放射性元素使(元素或原子等)示踪
第三人称单数: labels 复数: labels 现在分词: labelling 过去式: labelled 过去分词: labelled
例句:He peered at the label on the bottle.?
他仔细地看着瓶上的标签。
2、tag 读音:英 [t?g]? ?美 [t?ɡ]
vt.附加;加标签于;起诉;紧跟? vi.跟在?后面;随从? n.标签;附属物;口头禅;称呼
第三人称单数: tags 复数: tags 现在分词: tagging 过去式: tagged
例句:Staff wore name tags.
工作人员都佩戴姓名牌。
扩展资料:
单词用法
一、label
v.\t(动词)
1、label的基本意思是“贴标签于?上”,指为了记住某物具有什么样的功能、价格、属性、所属权等等,把写好或印好的一张纸贴在某个物体之上以便于以后区分。引申可表示为“把?列为?”“把?称作?”等。
2、label既可用作及物动词,也可用作不及物动词,用作及物动词时,可接简单宾语、双宾语和as短语充当补足语的复合宾语。
二、tag
v.\t(动词)
1、tag用作名词是“标签”的意思,转化为动词作“加标签”解,一般用于商品中,有时侧重指用线绳把图符代号标牌拴在物品上,一般无详细说明。用作及物动词,接名词或代词作宾语。
2、tag引申可作“以特殊的方式评价或描述”解,作此解时常带有强烈的感情色彩,评价的对象可以是物,但主要是指人。用作及物动词,接名词或代词作宾语,还可接以“(as+) n./adj. ”充当补足语的复合宾语。可用于被动结构。
3、tag常与along, on等连用,表示“在后追随,紧跟在后”。
label是什么意思啊
label的意思是标签;商标;绰号;唱片公司;词目标注等。
label,英语单词,名词、动词。
作名词时意为“标签;商标;绰号;唱片公司;词目标注;(计算机)标记;示踪剂;带垂饰的横带;(Label)(美、法、巴)拉贝尔(人名)”,作动词时意为“贴标签于;把……归类,给……扣帽子;用示踪剂使(物质等)示踪”。
label的例句:
1、It's his first release for a major?label.
这是他在大唱片公司发行的第一张唱片。
2、The?label?will peel off if you soak it in water.
标签浸到水中就会脱落。
3、The?label?should be firmly affixed to the package.
这张标签应该牢牢地贴在包裹上。
4、He had reached over to turn around a bottle of champagne so that the?label?didn't show.
他伸过手把一瓶香槟酒转过去,使它的标签显露不出来。
label是什么意思
label
英 ['le?b(?)l]
美 [?leb?l]
n. 标签;商标;签条
vt. 标注;贴标签于
n. (Label)人名;(法)拉贝尔
更多释义
[网络短语]
Label 标签,标记 (程式语言),标记
WOVEN LABEL 织唛,梭织商标,织标
record label 唱片公司,记录标记,记录头标
Label标签的作用和使用
Label标签通常是写在表单(form)内,它通常关联一个控件;
Label标签有两个属性,一个是 for ,一个是 accesskey 。
for 功能:表示这个Lable是为哪个控件服务的,Label标签要绑定了for指定HTML元素的ID或name属性,你点击这个标签的时候,所绑定的元素将获取焦点 ,点击label所包裹内容,自动指向for指定的id或name
accesskey 则定义了访问这个控件的热键( 所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键)
单选钮、复选框都要点击控件才能选中控件,而如果使用label标识就可以实现点击文字选取。
Html中Label标记的作用和使用介绍