在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<label></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。
有两种方法给所指定的快捷键添加下划线。LABEL 元素的 rich text 支持可以在 ACCESSKEY
属性所指定的快捷键字符两侧加上 U 元素。如果你更愿意使用样式表(CSS)来应用样式,可以将该字符包含在 SPAN
中,并设置样式为“text-decoration: underline”。
如果用户单击 LABEL,则会先触发 LABEL 上的 onclick 事件,然后触发由 htmlFor 属性所指定的控件上的 onclick 事件。按下 LABEL 设定的快捷键将设置焦点但并不触发 onclick 事件。
标签不允许嵌套。
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
此元素是内嵌元素。
此元素需要关闭标签。
元素示例代码
下面的例子使用了 LABEL 元素。
<form method=post action=''>
<div class="int">
<label for="personal">UserName</label>
<input type="text" id="username" class="required"/>
</div>
<div class="int">
<label for="email">Email</label>
<input type="text" id="email" class="required"/>
</div>
<div class="int">
<label for="personal">Personal Info</label>
<input type="text" id="personal" class="requried"/>
</div>
<div class="sub">
<input type="submit" value="submit" id="send"/><input type="reset" value="reset"/>
</div>
</form>
分享到:
相关推荐
### 爱码哥平台:原生控件-label标签详细解析 #### 一、标签简介 在爱码哥平台中,`label`标签作为一种基本的原生控件,主要用于显示静态文本内容。它不仅能够简单地展示文本信息,还支持一系列自定义样式设置,如...
Label Matrix是一款专业且功能强大的条形码和标签设计软件,适用于各种行业和用途。其V4.80.02版本是该软件的一个重要更新,而"Label Matrix 32 V4.80.02 汉化包"则是为满足中国用户需求,将软件界面及帮助文档翻译...
在ARINC 429的数据传输中,每个数据字由32位组成,分为四个主要部分:Label(标签)、Data(数据)、Parity(奇偶校验)和Sign(符号)。Label部分用来识别数据的类型和用途,Data部分则存储实际的数值信息。Label ...
例如,文件"Imagenet_val_label_info"可能包含这样的信息:“image_001.jpg, 201”,表示“image_001.jpg”这张图片属于第201类。这些信息对于评估模型的分类准确性至关重要。 在训练深度学习模型时,尤其是在使用...
"LabelImg 数据集" 这个标签表明了LabelImg的主要用途。数据集是机器学习和深度学习项目的基础,特别是对于计算机视觉任务。LabelImg允许用户对图像进行细致的标注,比如定义边界框来识别图像中的特定对象,生成XML...
3. **标签介质**:包括不同材质(如纸张、塑料、乙烯基等)、尺寸和粘性的标签纸,适应不同的环境和用途。 4. **条码与二维码**:在标签上添加条码或二维码可以实现快速数据读取,常见于库存管理、商品追踪等场景。...
LabelImage是一款专为科研用途设计的图像标注工具。在计算机视觉和深度学习领域,数据预处理是至关重要的步骤,而LabelImage就是这个过程中的一个重要工具。它主要用于对图像进行分类和定位标注,以便后续的机器学习...
在标签中提到了"python","深度学习","图片处理"这三个关键点,这进一步明确了LabelImg的功能和用途。Python是深度学习领域最常用的编程语言,因为它拥有丰富的库和工具,如TensorFlow、PyTorch等,这些库能够帮助...
标签"Labelimage工具"和"windows环境"进一步明确了这个exe文件的用途和适用平台。Labelimage工具是一个常见的数据标注工具,它的特点是简单易用,支持多种图像标注类型,包括矩形、多边形等。而"windows环境"则表明...
总之,`Label`和`Panel`控件在C#编程中都有各自独特的用途,它们的透明特性为界面设计提供了更多的可能性。通过熟练掌握这些控件的属性和方法,开发者可以创建出更美观、功能更强大的用户界面。在进行Windows Forms...
这就是LabelImg工具的用途所在。LabelImg是一款开源的、跨平台的图像标注工具,适用于Python编程环境,它能够帮助研究人员和开发者高效地生成PASCAL VOC和YOLO两种标注格式的数据。 **一、PASCAL VOC与YOLO标注格式...
标签“image”进一步强调了这个工具的用途,即与图像处理和分析相关。在机器学习的背景下,这通常涉及到预处理、标注和后期处理图像,以便用于训练模型。 压缩包子文件的文件名称“labelImg.exe”表明这是一个可...
本篇文章将根据提供的Label模板控制代码,深入分析其结构与功能,并解释其中涉及的关键指令及其用途。 #### 二、ZPL指令解析 1. **文档头定义**: - `^XA`: 开始定义一个新的标签格式。 - `^MCY`: 指定磁条位置在...
在ASP.NET开发中,Label和Literal是两种常见的用于显示文本的控件,它们各自具有独特的特性和用途。 **Label控件** Label控件通常用于显示静态或动态文本,它允许开发者对显示的文本进行格式化和样式设置。在HTML...
Python库“blabel”是一个用于处理标签转换的工具,版本为0.1.4,适用于Python 3环境,不依赖特定的硬件架构或操作系统。它是一个wheel格式的包,wheel是Python的一种二进制包格式,可以直接安装而无需编译,简化了...
LabelExpert内置了多种预设模板,涵盖了不同场合和用途的需求,用户可以根据自己的需求选择合适的模板进行修改,大大降低了设计门槛。对于没有专业设计背景的用户来说,这是一个非常友好的特性。同时,软件也支持...
6. **扩展应用**:除了 yolov5,labelImg 也可以与其他深度学习框架(如 TensorFlow, PyTorch)兼容,因此其用途广泛,不局限于某一特定模型。 7. **资源与教程**:标签中提到的 "范文/模板/素材" 可能意味着压缩包...
`<s:label>` 标签标签 - **用途**:创建一个只读的标签。 - **示例代码**: ```xml <s:label value="这是只读标签"/> ``` - **解释**:创建一个只读的标签。 ##### 31. `<s:merge>` 合并标签 - **用途**:合并...
然而,为了使用户明确知道该输入框的用途,我们需要在文本框旁边或上方添加文字标签,这通常是通过`<label>`标签来实现的。 在jQuery中,我们可以通过选择器找到特定的文本框元素,然后使用`.before()`或`.after()`...
1. Label的基本概念和用途:在图形软件中创建和管理标签,包括如何添加、编辑和格式化标签。 2. Scale的使用方法:调整图形比例,保持精度和视觉效果的平衡。 3. 在不同类型的软件中,Label和Scale的特定应用,如CAD...