©
Ce document utiliseManuel du site Web PHP chinoisLibérer
fieldset 元素通常用来对表单中的控制元素进行分组(也包括 label 元素)
内容类别 |
流内容,切片根,列出,形式相关元素,可触及的内容。 |
---|---|
允许的内容 |
一个可选的 |
标记遗漏 |
没有,起始和结束标签都是强制性的。 |
允许的父母 |
任何接受流内容的元素。 |
允许ARIA角色 |
组,演示文稿 |
DOM界面 |
HTMLFieldSetElement |
注意:与几乎任何其他元素不同,WHATWG HTML Rendering规范建议将min-width:min-content作为
注:该元素预计将建立一个新的块格式上下文。
fieldset 中包含所有全局属性
disabled
HTML5如果设置了这个 bool 值属性, 它的后代表单控制元素也会继承这个属性, 它的首个可选的 legend 元素除外, 例如, 禁止编辑. 该元素和它的子元素不会接受任何浏览器事件, 比如点击或者 focus 事件, 一般来说浏览器会将这样的元素展示位灰色.
form
HTML5规定fieldset
所属的form
表单. 这个属性的值与其所属的form
的ID
相同. 默认值是最近的那个form
.
name
HTML5控制元素分组的名称
该字段集的标签由该字段集的第一个元素给出。
示例 #1: 一个拥有 fieldset, legend 和 label 的表单
元素下面的例子只使用了 HTML 和 CSS.
请注意,屏幕朗读和辅助设备不能正确的解析下面的表单, 如果不使用正确的元素这个例子是不适合在生产环境中使用.
规范 |
状态 |
评论 |
---|---|---|
HTML生活标准该规范中' |
生活水平 |
fieldset元素的定义 |
HTML生活标准 |
生活水平 |
建议的字段集和图例元素的默认呈现 |
HTML5该规范中' |
建议 |
|
HTML 4.01规范该规范中' |
建议 |
初始定义 |
Feature |
Chrome |
Edge |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|---|
Basic support |
(Yes) |
(Yes) |
1.0 (1.7 or earlier) |
(Yes) |
(Yes) |
(Yes) |
disabled attribute |
(Yes) |
(Yes) |
(Yes) |
(Yes)1 |
12 |
6 |
Establish a new block formatting |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
Feature |
Android |
Edge |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|---|
Basic support |
(Yes) |
(Yes) |
1.0 (1.0) |
(Yes) |
(Yes) |
(Yes) |
disabled attribute |
4.4 |
(Yes) |
? |
? |
? |
6.0 |
Establish a new block formatting |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |