fieldset、legend、display html元素
2016-03-02 14:15
405 查看
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 元素为 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 属性规定元素应该生成的框的类型。说明
这个属性用于定义建立布局时元素生成的显示框类型。对于 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 属性的值。 |
相关文章推荐
- html页面,手机模拟器不能滑动,但是鼠标能滚动
- HTML文档类型说明
- html checkbox全选或者全不选
- img标签的一些事一些情
- IE6下iFrame页面嵌套html空白问题解决
- html学过的小知识
- mvc 扩展htmlhelper
- HTML学习笔记(一)block,inline和inline-block的概念和区别
- XML和HTML对比
- Html 特殊符号
- 使用sublime text2怎样新建文件高速生成HTML头部信息?
- html怎么添加背景图片
- VS2015 打开html 提示 未能完成操作 解决办法
- dede文章增加HTML自定义字段字符被过滤问题
- Html 学习笔记1
- html的积累
- title与alt与区别
- HTML head 头标签
- html的base标签
- 在父页面查找html元素