fieldset

fieldset

fieldset 元素可將表單內的相關元素分組。

<fieldset> 標籤將表單內容的一部分打包，生成一組相關表單的欄位。

當一組表單元素放到 <fieldset> 標籤內時，瀏覽器會以特殊方式來顯示它們，它們可能有特殊的邊界、3D 效果，或者甚至可創建一個子表單來處理這些元素。

<fieldset> 標籤沒有必需的或特定的屬性。

基本介紹

• 中文名：fieldset
• 外文名：fieldset
• 特點：標籤沒有必需的或唯一的屬性
• 所屬學科：計算機

功能概述

fieldset

fieldset 元素可將表單內的相關元素分組。

<fieldset> 標籤將表單內容的一部分打包，生成一組相關表單的欄位。

<fieldset> 標籤沒有必需的或特定的屬性。

對話框

Draws a box around the text and other elements that the field set contains.

在欄位集包含的文本和其它元素外面畫一個方框。

fieldset元素用於對表單中的元素進行分組並在文檔中區別標出文本。它與視窗框架的行為有些相似。fieldset在 Internet Explorer 4.0 及以上版本的HTML 和的腳本中可用。

fieldset元素是塊元素。 並且需要關閉標籤，即必須成對出現：<fieldset></fieldset>。

實例

<fieldset>

<legend>CSS網頁布局</legend>

<ul>

<li>Div+CSS教程 系統的講述了關於CSS布局的知識</li>

<li>CSS布局實例 向你呈現了中的一些實例</li>

<li>CSS模板下載 你可以查看一些模板</li>

</ul>

</fieldset>

這是一個簡單的頁面，所有的代碼處於一個fieldset方框內，方框內的第一個元素為legend域標題，另外就是一個無序列表ul，隨機加了一些內容。我們看下面的css是如何定義的：

* {font-size:12px; margin:0; padding:0;}

fieldset { padding:10px; margin:10px; width:270px; color:#333; border:#06c dashed 1px;}

legend {color:#06c; font-weight:800; background:#fff;}

ul {list-style-type: none; margin:8px 0 4px 0;}

li {margin-top:4px;}

整體的布局聲明：文字大小12px，邊距與填充均為零。

fieldset方框的設定：填充與邊距都是10px。設定寬度為270px。文字顏色深灰色#333。框線為一象素的藍色#06c虛線。

legend域標題的設定：文字顏色為藍色#06c，文字加粗，背景色為白色#fff。

對無序列表ul及列表項li進行相關的一些設定。

我們定義fieldset的框線的樣式border，在IE6裡邊框會與legend里的文字重合疊加，而默認的樣式則不會。我們給legend一個背景遮擋框線，這裡是background:#fff;

描述

標準

id, class, title, style, dir, lang, xml:lang如需完整的描述，請訪問標準屬性。

事件

accesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup如需完整的描述，請訪問事件屬性。

新屬性

<fieldset>在HTML5 中的新屬性：

屬性	值	描述
disabled	disabled	規定該組中的相關表單元素應該被禁用。
form	form_id	規定 fieldset 所屬的一個或多個表單。
name	text	規定 fieldset 的名稱。