HTML <fieldset> 標籤

實例

組合表單中的相關元素:

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

瀏覽器支援

IE Firefox Chrome Safari Opera

所有瀏覽器都支援 <fieldset> 標籤。

定義和用法

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

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

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

<fieldset> 標籤沒有必需的或唯一的屬性。

<legend> 標籤為 fieldset 元素定義標題。

HTML 4.01 與 HTML 5 之間的差異

HTML5 擁有如下屬性:disabled、form、name,HTML 4.01 中不支援這些屬性。

屬性

屬性 描述
disabled disabled 規定應該禁用 fieldset。
form form_id 規定 fieldset 所屬的一個或多個表單。
name value 規定 fieldset 的名稱。

全域性屬性

<fieldset> 標籤支援 HTML 中的全域性屬性

事件屬性

<fieldset> 標籤支援 HTML 中的事件屬性

相關頁面

HTML DOM 參考手冊:Fieldset 對像

TIY 實例

圍繞資料的 Fieldset
本例演示如何在資料周圍繪製一個帶標題的框。