HTML < fieldset> 標簽
<fieldset> 標簽內的一組表單元素會在 WEB 瀏覽器中以特殊的方式顯示,比如不同樣式的邊界、3D效果等。
實例
對表單中的相關元素進行分組:
<form>
<fieldset>
<legend>個人信息:</legend>
姓名: <input type="text"><br>
郵箱: <input type="text"><br>
生日: <input type="text">
</fieldset>
</form>
<fieldset>
<legend>個人信息:</legend>
姓名: <input type="text"><br>
郵箱: <input type="text"><br>
生日: <input type="text">
</fieldset>
</form>
瀏覽器支持
所有主流瀏覽器都支持 <fieldset> 標簽。
標簽定義及使用說明
<fieldset> 標簽可以將表單內的相關元素分組。
<fieldset> 標簽會在相關表單元素周圍繪制邊框。
提示和注釋
提示:<legend> 標簽為 <fieldset> 元素定義標題。
提示:<legend> 必須是 <fieldset> 元素的一個子元素
HTML 4.01 與 HTML5之間的差異
HTML5 中新增了一些 <fieldset> 的新屬性:disabled、form、name,HTML 4.01 中不支持這些屬性。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
disabledNew | disabled | 規定該組中的相關表單元素應該被禁用。 |
formNew | form_id | 規定 fieldset 所屬的一個或多個表單。 |
nameNew | text | 規定 fieldset 的名稱。 |
全局屬性
<fieldset> 標簽支持 HTML 的全局屬性。
事件屬性
<fieldset> 標簽支持 HTML 的事件屬性。
相關文章
HTML DOM 參考手冊:HTML DOM Fieldset 對象