HTML <legend> 标签 详解
HTML基础 2022-06-02 09:41:19小码哥的IT人生shichen
HTML <legend> 标签
实例
组合表单中的相关元素：
<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>
完整实例【亲自试一试】：
<!DOCTYPE HTML>
<html>
<body>
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form>
<p>如果表单周围没有边框，说明您的浏览器太老了。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <legend> | Yes | Yes | Yes | Yes | Yes |
所有浏览器都支持 <legend> 标签。
定义和用法
legend 元素为 fieldset 元素定义标题（caption）。
HTML 与 XHTML 之间的差异
在 HTML 4.01 中，align 属性不被赞成使用。
在 XHTML 1.0 Strict DTD 中，align 属性不被支持。
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| align |
|
不赞成使用。请使用样式代替。 为 fieldset 中的标题定义对齐方式。 |
TF |
全局属性
<fieldset> 标签支持 HTML 中的全局属性。
事件属性
<fieldset> 标签支持 HTML 中的事件属性。
TIY 实例
完整实例【围绕数据的 Fieldset】：
<!DOCTYPE HTML>
<html>
<body>
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form>
<p>如果表单周围没有边框，说明您的浏览器太老了。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
本例演示如何在数据周围绘制一个带标题的框。
相关页面
HTML DOM 参考手册：Legend 对象
相关阅读
- HTML <legend> 标签的 align 属性 详解
- HTML DOM Keygen 对象 详解
- HTML <keygen> 标签的 name 属性 详解
- HTML <keygen> 标签的 keytype 属性 详解
- HTML <keygen> 标签的 form 属性 详解
- HTML <keygen> 标签的 disabled 属性 详解
- HTML <keygen> 标签的 autofocus 属性 详解
- HTML <input> 标签的 align 属性 详解
- HTML <img> 标签的 hspace 和 vspace 属性 详解
- HTML <img> 标签的 hspace 和 vspace 属性 详解
