HTML 參考手冊

HTML 標簽大全

HTML: <fieldset> 標簽

HTML <fieldset>標記位于 <form>標記內，用于對HTML表單中的相關元素進行分組。使用 <legend>標記為 <fieldset>創(chuàng)建標題。該標記通常也稱為 <fieldset>元素。

在線示例

對表單中的相關元素進行分組：

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 fieldset標簽的使用(菜鳥教程 cainiaoplus.com)</title>
</head>
<body>
<form>
  <fieldset>
    <legend>客戶資料(cainiaoplus.com)</legend>
    名稱: <input type="text"><br>
    地址: <input type="text"><br>
    電話號碼: <input type="text">
  </fieldset>
</form>
</body>
</html>

測試看看 ?/?

運行后效果如下：

圖片.png

瀏覽器兼容性

IEFirefoxOperaChromeSafari

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

標簽定義及使用說明

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

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

大多數(shù)瀏覽器會在<fieldset>標記周圍呈現(xiàn)黑色邊框，但是您可以使用CSS更改此行為。

您可以使用<legend>標記顯示<fieldset>的標題。該標題將在<fieldset>中的相關表單控件之前呈現(xiàn)，并看起來漂浮在<fieldset>頂部邊框的上方。

提示和注意

提示：<legend> 標簽為 <fieldset> 元素定義標題。

HTML 4.01 與 HTML5之間的差異

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

屬性

屬性	值	描述
disabledHTML5	disabled	規(guī)定該組中的相關表單元素應該被禁用。
formHTML5	form_id	規(guī)定 fieldset 所屬的一個或多個表單。
nameHTML5	text	規(guī)定 fieldset 的名稱。

全局屬性

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

事件屬性

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

HTML: <i> 標簽 HTML: <embed> 標簽