當將HTML表單中的相關項目分組時，HTML <legend>標簽用于為 <fieldset>標簽生成標題。此標簽通常也稱為 <legend>元素。
組合表單中的相關元素：
<!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>測試看看 ?/?
在此HTML5文檔示例中，我們創(chuàng)建了一個<legend>標記，該標記為三個分組的<input>控件提供了標題。<legend>標記將在這些分組控件上方顯示標題“客戶資料(cainiaoplus.com)”。
IEFirefoxOperaChromeSafari
目前大多數瀏覽器支持 <legend> 標簽。
<legend> 元素為 <fieldset>元素定義標題。
由<legend>標記生成的標題將在<fieldset>中的相關表單控件之前呈現(xiàn)，并且看起來漂浮在<fieldset>的頂部邊框上。
在 HTML 4.01中 "align" 屬性已被廢棄, HTML5不支持該屬性。不建議使用。 請使用 CSS 來設置 <legend> 元素的對齊方式。
| 屬性 | 值 | 描述 |
|---|---|---|
| align | top bottom left right | HTML5 不支持。 HTML 4.01 已廢棄。不建議使用。 請使用樣式代替。 為 fieldset 中的標題定義對齊方式。 |
<legend> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。
<legend> 標簽支持所有 HTML事件屬性。