HTML <fieldset> 標簽

2022-06-01 15:24 更新

<fieldset> 標簽內(nèi)的一組表單元素會在 WEB 瀏覽器中以特殊的方式顯示，比如不同樣式的邊界、3D效果等。

實例

對表單中的相關(guān)元素進行分組：

<form>
 <fieldset>
   <legend>個人信息:</legend>
   姓名: <input type="text"><br>
   郵箱: <input type="text"><br>
   生日: <input type="text">
 </fieldset>
</form>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

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

標簽定義及使用說明

<fieldset> 標簽可以將表單內(nèi)的相關(guān)元素分組。

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

提示和注釋

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

提示：<legend> 必須是 <fieldset> 元素的一個子元素

HTML 4.01 與 HTML5之間的差異

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

屬性

New ：HTML5 中的新屬性。

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

全局屬性

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

事件屬性

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

相關(guān)文章

HTML DOM 參考手冊：HTML DOM Fieldset 對象


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號