整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML <label>

HTML <label> 标签

带有两个输入字段和相关标记的简单 HTML 表单:

<form action="demo_form.asp">

<label for="male">Male</label>

<input type="radio" name="sex" id="male" value="male"><br>

<label for="female">Female</label>

<input type="radio" name="sex" id="female" value="female"><br>

<input type="submit" value="提交">

</form>


浏览器支持

目前大多数浏览器支持 <label> 标签。


标签定义及使用说明

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。


提示和注释

提示:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。


HTML 4.01 与 HTML5之间的差异

"form" 属性是 HTML5 的新属性。


属性

New:HTML5 新属性。

属性描述
forelement_id规定 label 与哪个表单元素绑定。
formNewform_id规定 label 字段所属的一个或多个表单。

全局属性

<label> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

<label> 标签支持所有 HTML事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

个主要的互联网浏览器都允许用户查看任何网页的HTML(超文本标记语言)源代码。以下部分包含有关在每个主要浏览器中查看源代码的多种方法的信息。

引言

查看网页的源代码时,服务器处理的信息和代码不会出现。例如,搜索引擎处理服务器上的信息,然后在网页上显示结果。换句话说,你可以查看组成结果页面的代码,但不能查看搜索引擎的源代码。

此规则适用于所有服务器端脚本、SSI(服务器端包含)和编程代码。因此,你无法查看搜索引擎、论坛、投票、聊天等中使用的脚本源代码。此外,从源代码复制信息可能会导致错误,或将你引导回从中复制信息的页面。

谷歌浏览器

要在Google Chrome中查看网页的源代码,请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码,请按计算机键盘上的键盘快捷键Ctrl+U。

方法二

右键单击网页的空白部分,然后从弹出菜单中选择“查看网页源代码”。

查看包含元素的源代码

1、打开Chrome并导航要查看其源代码的网页。

2、单击浏览器窗口右上角的设置图标。

3、从下拉菜单中,选择更多工具,然后选择开发者工具。

4、单击屏幕底部左上角的“元素”选项卡。

提示:在Chrome中,按F12或Ctrl+Shift+I也会打开交互式开发者工具。该工具提供了与源代码和CSS设置的更多交互,允许用户查看代码中的更改如何立即影响网页。

Mozilla Firefox

要在Mozilla Firefox中查看网页的源代码,请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码,请按计算机键盘上的Ctrl+U。

方法二

右键单击网页的空白部分,然后从弹出菜单中选择“查看网页源代码”。

查看包含元素的源代码

1、打开Firefox并导航到要查看其源代码的网页。

2、单击屏幕右上角的菜单Firefox菜单图标。

3、在下拉菜单中选择“更多工具”,然后从展开的菜单中选择“Web开发者工具”。

4、单击屏幕底部部分左上角的“查看器”选项卡。

提示:在Firefox中,按F12或Ctrl+Shift+I也会打开交互式开发者工具。该工具提供与源代码和CSS设置的交互,允许用户实时查看代码中的更改如何影响网页。

查看网页源代码的一部分

1、突出显示网页中要查看源代码的部分。

2、在高亮显示的部分上单击鼠标右键,然后选择“查看选中部分源代码”。

提示:你可以使用Firebug插件查看和编辑页面的源代码,并通过浏览器实时查看更改。

Microsoft Edge

要在Microsoft Edge中查看网页的源代码,请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码,请按计算机键盘上的Ctrl+U。

方法二

右键单击网页的空白部分,然后从弹出菜单中选择“查看网页源代码”。


查看包含元素的源代码

1、打开Microsoft Edge并导航到要查看其源代码的网页。

2、单击屏幕右上角的设置图标。

3、将鼠标移到下拉菜单中的“更多工具”上,然后从展开的菜单中选择“开发人员工具”。

4、单击屏幕右侧窗口顶部的“元素”选项卡。

提示:在Microsoft Edge中,按F12或Ctrl+Shift+I也会显示交互式开发人员工具。该工具提供与源代码和CSS设置的交互,允许用户实时查看代码中的更改如何影响网页。

Microsoft Internet Explorer

要在Microsoft Internet Explorer中查看网页的源代码,请使用以下任一方法。

仅查看源代码

方法一

要仅查看源代码,请按计算机键盘上的Ctrl+U。

方法二

右键单击网页的空白部分,然后从弹出菜单中选择“查看源”。

查看包含元素的源代码

1、打开Internet Explorer并导航到要查看其源代码的网页。

2、单击右上角的工具Internet explorer工具图标

3、从下拉菜单中选择“F12开发人员工具”。

4、单击开发人员工具菜单左上角的“DOM资源管理器”选项卡。

提示:在Internet Explorer中,按F12键将显示DOM工具。该工具提供与源代码和CSS设置的交互,允许用户查看代码中的更改如何立即影响网页。

简单的 HTML5 文档:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>文档标题</title>

</head>

<body>

文档内容......

</body>

</html>


浏览器支持

所有主流浏览器都支持 <html> 标签。


标签定义及使用说明

<html> 标签告知浏览器这是一个 HTML 文档。

<html> 标签是 HTML 文档中最外层的元素。

<html> 标签是所有其他 HTML 元素(除了 <!DOCTYPE> 标签)的容器。


HTML 4.01 与 HTML5之间的差异

HTML5 中,增加了一个新属性:manifest。


HTML 与 XHTML 之间的差异

xmlns 属性在 XHTML 中是必需的,但在 HTML中不是。

然而,即使 XHTML 文档中的 <html> 没有使用 xmlns 属性,W3C 上的 HTML 验证器也不会报错。这是因为 "xmlns=http://www.w3.org/1999/xhtml" 是一个固定值,即使您没有包含它,此值也会被添加到 <html> 标签中。


属性

New :HTML5 中的新属性。

属性描述
manifestNewURL定义一个 URL,在这个 URL 上描述了文档的缓存信息。
xmlnshttp://www.w3.org/1999/xhtmlHTML 不支持。只有 XHTML 支持。 规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。

全局属性

<html> 标签支持 HTML 的全局属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!