阅读(2034)

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 Explorer Firefox Opera Google Chrome Safari

目前大多数浏览器支持 <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>