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标记的作用和使用介绍