• fieldset、legend、display html元素


    fieldset

    定义和用法

    fieldset 元素可将表单内的相关元素分组。

    <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

    当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素

    所有浏览器都支持 <fieldset> 标签。

    <fieldset> 标签没有必需的或唯一的属性。

    HTML 4.01 与 HTML 5 之间的差异

    HTML5 拥有如下属性:disabled、form、name,HTML 4.01 中不支持这些属性。

    属性描述
    disabled disabled 规定应该禁用 fieldset。
    form form_id 规定 fieldset 所属的一个或多个表单。
    name value 规定 fieldset 的名称。

    legend

    定义和用法

    legend 元素为 fieldset 元素定义标题

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

    HTML 与 XHTML 之间的差异

    在 HTML 4.01 中,align 属性不被赞成使用。

    在 XHTML 1.0 Strict DTD 中,align 属性不被支持。

    可选的属性

    DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

    属性描述DTD
    align
    • top
    • bottom
    • left
    • right

    不赞成使用。请使用样式代替。

    为 fieldset 中的标题定义对齐方式。

    TF

    display

    所有主流浏览器都支持 display 属性。

    定义和用法

    display 属性规定元素应该生成的框的类型。

    说明

    这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

    注释:CSS2 中有值 compact 和 marker,不过由于缺乏广泛的支持,已经从 CSS2.1 中去除了。

    默认值: inline
    继承性: no
    版本: CSS1
    JavaScript 语法: object.style.display="inline"

    可能的值

    描述
    none 此元素不会被显示。
    block 此元素将显示为块级元素,此元素前后会带有换行符
    inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
    inline-block 行内块元素。(CSS2.1 新增的值)
    list-item 此元素会作为列表显示。
    run-in 此元素会根据上下文作为块级元素或内联元素显示。
    compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
    marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
    table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
    inline-table 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。
    table-row-group 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
    table-header-group 此元素会作为一个或多个行的分组来显示(类似 <thead>)。
    table-footer-group 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
    table-row 此元素会作为一个表格行显示(类似 <tr>)。
    table-column-group 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。
    table-column 此元素会作为一个单元格列显示(类似 <col>)
    table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>)
    table-caption 此元素会作为一个表格标题显示(类似 <caption>)
    inherit 规定应该从父元素继承 display 属性的值。
  • 相关阅读:
    echart tooltip.formatter提示只显示x轴(时间)
    Install fail! Error: EBUSY: resource busy or locked
    vue v-model绑定值为obj不起作用
    浅谈JS的继承
    总结一下最近对nodejs 和 mongodb 的学习
    JavaScript30-7 数组的一些基本方法
    Vue-router 的练习
    JavaScprit30-6 学习笔记
    JavaScprit30-5 学习笔记
    JavaScript 30
  • 原文地址:https://www.cnblogs.com/jasonxu19900827/p/5234793.html
Copyright © 2020-2023  润新知