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
- 本例演示如何在資料周圍繪製一個帶標題的框。