Latest web development tutorials

HTML <fieldset> 標籤

實例

對錶單中的相關元素進行分組:

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
  </fieldset>
</form>

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持<fieldset> 標籤。


標籤定義及使用說明

<fieldset> 標籤可以將表單內的相關元素分組。

<fieldset> 標籤會在相關表單元素周圍繪製邊框。


提示和註釋

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


HTML 4.01 與HTML5之間的差異

HTML5 中新增了一些<fieldset> 的新屬性:disabled、form、name,HTML 4.01 中不支持這些屬性。


屬性

New :HTML5中的新屬性。

属性 描述
disabled New disabled 规定该组中的相关表单元素应该被禁用。
form New form_id 规定 fieldset 所属的一个或多个表单。
name New text 规定 fieldset 的名称。


全局屬性

<fieldset>標籤支持HTML的全局屬性


事件屬性

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