HTML5 <fieldset> 標簽

2022-05-23 14:53 更新

實例

HTML5 <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> 標簽可以將表單內(nèi)的相關元素分組。

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


提示和注釋

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


HTML 4.01 與 HTML5之間的差異

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


屬性

New :HTML5 中的新屬性。

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


全局屬性

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


事件屬性

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號