• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <legend>

    HTML的<legend>元素(也称为HTML的域说明元素(or HMTLLegend Field Element))代表一个用于表示它的父元素<fieldset>的内容的标题。

    浏览器支持

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

    示例

    <fieldset>
    	<legend>健康信息:</legend>
    	<form>
    		<label>身高:<input type="text" /></label>
    		<label>体重:<input type="text" /></label>
    	</form>
    </fieldset>
    

    标签定义及使用说明

    <legend>元素为<fieldset><figure>以及<details>元素定义标题。

    内容分类
    允许的内容句内容(段落内容元素)
    标签省略开始标签和结束标签都不能省略。
    允许的父元素<fieldset><figure>以及<details>
    DOM接口HTMLLegendElement

    属性

    这个元素只有全局属性。

    属性描述
    aligntop
    bottom
    left
    right
    HTML5 不支持。 HTML 4.01 已废弃。不建议使用。请使用css样式设置对齐方式。

    HTML 4.01 与 HTML 5 之间的差异

    在 HTML 4.01 中,<legend>仅用于<fieldset>元素。

    在 HTML 5 中,<legend>标签应用于<fieldset><figure>以及<details>元素。

    在 HTML 5 中,不支持 align 属性。请使用 CSS 代替。设置对齐方式。

    全局属性

    <legend>标签支持所有全局属性。

    事件属性

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

    实例

    组合表单中的相关元素:

    <form>
    	<fieldset>
    		<legend>personalia:</legend>
    		name:<input type="text" size="30"><br>
    		email:<input type="text" size="30"><br>
    		date of birth:<input type="text" size="10">
    	</fieldset>
    </form>
    

    上篇:<label>

    下篇:<meter>