网页:简述 label 标签的用法

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

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

【 tulaoshi.com - Web开发 】

使用 LABEL 对象

(本文来源于图老师网站,更多请访问http://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 并不支持这个特性。

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

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

延伸阅读
标签: Web开发
HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从 表现 (CSS)中分离出 内容意义 (HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。 部分不良标签基本上是表现标签(比如 small ),它们可以用更有意义和更简单...
标签: Web开发
META标签是HTML语言head区的一个辅助性标签,它用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。它有两个属性,分别是HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 我们在对网站进行搜索引擎优化(SEO)的时候,通常...
标签: Web开发
在网页教学网以往的教程中,曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大小与加粗的效果。 例如一个标题,我们可以用h1来定义它: ...
标签: Web开发
HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从表现(CSS)中分离出内容意义(HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。 部分不良标签基本上是表现标签(比如 small ),它们...
如果你在生成页面的时候过多的使用div,那你有必要阅读这篇文章了。本文主要关注如何通过语义化的标签、减少div使用等方法来简化代码。你是否在修改某人的页面时,被他的乱七八糟的代码搞晕乎?简洁的代码不但方便自己,同时方便你的团队成员。他在你调试页面或编辑的时候节省你的时间(尤其对于大的项目来说)。 一、去掉不必要的div标签 我...

经验教程

368

收藏

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