阅读(1885)

HTML5 <legend> 标签

最后一次修改 2017年08月02日

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html(html.cn)</title> 
</head>
<body>

<form>
 <fieldset>
  <legend>个人信息:</legend>
  姓名: <input type="text"><br>
  邮箱: <input type="text"><br>
  生日: <input type="text">
 </fieldset>
</form>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


标签定义及使用说明

The <legend> 元素为 <fieldset>元素定义标题。


HTML 4.01 与 HTML5之间的差异

在 HTML  4.01中 "align" 属性已被废弃, HTML5不支持该属性。不建议使用。 请使用 CSS 来设置 <legend> 元素的对齐方式。


属性

属性 描述
align top
bottom
left
right
HTML5 不支持。 HTML 4.01 已废弃。不建议使用。 请使用样式代替。为 fieldset 中的标题定义对齐方式。


全局属性

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


事件属性

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

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html(html.cn)</title> 
</head>
<body>

<form>
 <fieldset>
  <legend>个人信息:</legend>
  姓名: <input type="text"><br>
  邮箱: <input type="text"><br>
  生日: <input type="text">
 </fieldset>
</form>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


标签定义及使用说明

The <legend> 元素为 <fieldset>元素定义标题。


HTML 4.01 与 HTML5之间的差异

在 HTML  4.01中 "align" 属性已被废弃, HTML5不支持该属性。不建议使用。 请使用 CSS 来设置 <legend> 元素的对齐方式。


属性

属性 描述
align top
bottom
left
right
HTML5 不支持。 HTML 4.01 已废弃。不建议使用。 请使用样式代替。为 fieldset 中的标题定义对齐方式。


全局属性

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


事件属性

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