<legend> | HTML分组标题标签的定义与用法

由 hcduguo

定义与用法

<legend>标签用于为其父元素（例如<fieldset>）插入标题。

<legend>元素必须作为<fieldset>元素的第一个子元素。

通过将<legend>标签与<form>元素一起使用，很容易理解分组标题标签的用途。

语法格式

<legend> ……</legend>  

示例代码

<h1>Legend标签示例</h1>   
<form>  
    <fieldset>  
        <legend>员工基本信息：</legend>  
        <label>姓名：</label><br>  
        <input type="text" name="yourname"><br>  
        <label>邮箱：</label><br>  
        <input type="email" name="email"><br><br>  
        <input type="提交"><br>  
     </fieldset>  
</form>

效果展示：

Legend标签示例

员工基本信息：





HTML 4.01 与 HTML5之间的差异

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

浏览器支持

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

标签属性

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

全局属性

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

事件属性

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

相关