网页:简述 label 标签的用法

2016-02-19 14:44 3 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐网页:简述 label 标签的用法,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

使用 LABEL 对象

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

HTML 4.0 规范引入了 LABEL 对象,您可以使用它来将文本与其他任何 HTML 对象或内部控件相关联。无论用户单击 LABEL 或者 HTML 对象,链接的 LABEL 和 HTML 对象在引发和接收事件时行为一致。要链接 LABEL 和 HTML 对象,请将 LABEL 的 FOR 属性设置为等于 HTML 对象的 ID 属性。

下列示例将 LABEL 控件与文本框相关联。当用户单击 LABEL 控件(或者按下 ALT+T 组合键)时,LABEL 控件会将焦点设置到文本框:

以下是引用片段:
label for="txtInputBox"uT/uype value:/label
input type="text" id="txtInputBox" name="txtInputBox" accesskey="t" /
label 主要是给表单组件增加可访问性设计的,一般我们都把 label 用在表单里。除以上方法,还可以直接用 label 套嵌整个表单组件和文本标签,如下面的例子:
以下是引用片段:
form action="..." method="post"
p
label
   First Name
   input type="text" name="firstname" /
/label
label
   input type="text" name="lastname" /
   Last Name/label
/p
/form

根据 规范 这样文本会自动与邻接的表单组件关联,遗憾的是 IE 并不支持这个特性。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1607789.html

延伸阅读
标签: Web开发
META标签是HTML语言head区的一个辅助性标签,它用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。它有两个属性,分别是HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 我们在对网站进行搜索引擎优化(SEO)的时候,通常...
标签: Web开发
HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从 表现 (CSS)中分离出 内容意义 (HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。 部分不良标签基本上是表现标签(比如 small ),它们可以用更有意义和更简单...
标签: Web开发
HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从表现(CSS)中分离出内容意义(HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。 部分不良标签基本上是表现标签(比如 small ),它们...
标签: Web开发
在进行CSS网页布局时会遇到许多奇怪的问题,这些问题可能是浏览器的bug,也可能是对CSS属性不够了解所造成。本文就探讨一下CSS外边距叠加的问题。 边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并(叠加)是一个相当简单的概念。但是,在实...
标签: Web开发
在网页教学网以往的教程中,曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大小与加粗的效果。 例如一个标题,我们可以用h1来定义它: ...

经验教程

371

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部