表单中<label>标签有啥用?

Posted 2023-04-12

表单中<label>标签有什么用?

html元素 - label
大字体 小字体
定义

为页面上的其它元素指定标签。

Specifies a label for another element on the page.
注释

要将 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 和脚本中可用。

此元素是内嵌元素。

此元素需要关闭标签。 参考技术A label主要用于下面：
<input type="radio" id="rd1" value="aa"><label for="rd1">aaaa</label>

这样就可以在点击aaaa时便可将radio选中

同样也可以用于checkbox

<SPAN> </SPAN> 这个标签有啥用 ，指的是啥~

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。 还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。 SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。 还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。 参考技术A 定义指定内嵌文本容器。 Specifies an inline text container. 注释 SPAN 元素在样式表(CSS)的应用方面特别有用。 此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用，在 Internet Explorer 4.0 及以上版本的脚本中可用。 此元素是内嵌元素。 此元素需要关闭标签。 The SPAN element is especially useful for applying cascading style sheets (CSS) styles. This element is available in HTML as of Internet Explorer 3.0, and in script as of Internet Explorer 4.0. This element is an inline element. This element requires a closing tag. 元素示例代码下面的例子使用了 SPAN 元素创建了一个内嵌文本容器，将包含的文本颜色变成蓝色。 This example uses the SPAN element to create an inline text container that changes the color of a word to blue. <P>本段包含了单独的<SPAN STYLE="color: blue">蓝色</SPAN>单词。
参考资料：http://www.blabla.cn/html_tag_ref/span.html