网页:简述 label 标签的用法

好人好报661

好人好报661

2016-02-19 14:44

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

使用 LABEL 对象

(本文来源于图老师网站,更多请访问https://m.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://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

网页:简述 label 标签的用法

Web开发
网页:简述 label 标签的用法

网页meta标签的奥妙

Web开发
网页meta标签的奥妙

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

WEB标准教程:功能相似的标签的用法

Web开发
WEB标准教程:功能相似的标签的用法

CSS网页布局:tbody标签与thead和tfoot标签

Web开发
CSS网页布局:tbody标签与thead和tfoot标签

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Html5新标签解释及用法

Web开发
Html5新标签解释及用法

CSS教程:li和ul标签用法举例

Web开发
CSS教程:li和ul标签用法举例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Linux安装PyCharm时提示cannot start PyCharm错误怎么办?

Linux安装PyCharm时提示cannot start PyCharm错误怎么办?

CSS基础学习:样式表CSS简明教程

CSS基础学习:样式表CSS简明教程
下拉加载更多内容 ↓