當(dāng)將HTML表單中的相關(guān)項(xiàng)目分組時(shí)，HTML <legend>標(biāo)簽用于為 <fieldset>標(biāo)簽生成標(biāo)題。此標(biāo)簽通常也稱為 <legend>元素。
組合表單中的相關(guān)元素：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 fieldset標(biāo)簽的使用(菜鳥教程 (cainiaoplus.com))</title> </head> <body> <form> <fieldset> <legend>客戶資料(cainiaoplus.com)</legend> 名稱: <input type="text"><br> 地址: <input type="text"><br> 電話號(hào)碼: <input type="text"> </fieldset> </form> </body> </html>測(cè)試看看 ?/?
在此HTML5文檔示例中，我們創(chuàng)建了一個(gè)<legend>標(biāo)記，該標(biāo)記為三個(gè)分組的<input>控件提供了標(biāo)題。<legend>標(biāo)記將在這些分組控件上方顯示標(biāo)題“客戶資料(cainiaoplus.com)”。
IEFirefoxOperaChromeSafari
目前大多數(shù)瀏覽器支持 <legend> 標(biāo)簽。
<legend> 元素為 <fieldset>元素定義標(biāo)題。
由<legend>標(biāo)記生成的標(biāo)題將在<fieldset>中的相關(guān)表單控件之前呈現(xiàn)，并且看起來漂浮在<fieldset>的頂部邊框上。
在 HTML 4.01中 "align" 屬性已被廢棄, HTML5不支持該屬性。不建議使用。 請(qǐng)使用 CSS 來設(shè)置 <legend> 元素的對(duì)齊方式。
| 屬性 | 值 | 描述 |
|---|---|---|
| align | top bottom left right | HTML5 不支持。 HTML 4.01 已廢棄。不建議使用。 請(qǐng)使用樣式代替。 為 fieldset 中的標(biāo)題定義對(duì)齊方式。 |
<legend> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性。
<legend> 標(biāo)簽支持所有 HTML事件屬性。