例

使用 <summary> 元素：

<details>

<summary>Copyright 1999-2011.</summary>

<p> - by Refsnes Data. All Rights Reserved.</p>

<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>

</details>

瀏覽器支持

目前，只有 Chrome 和 Safari 6 支持 <summary> 標簽。

標簽定義及使用說明

<summary> 標簽為 <details> 元素定義一個可見的標題。 當用戶點擊標題時會顯示出詳細信息。

HTML 4.01 與 HTML5之間的差異

<summary> 標簽是 HTML5 中的新標簽。

提示和注釋

注釋：<summary> 元素應該是 <details> 元素的第一個子元素。

全局屬性

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

事件屬性

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

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

帶有兩個輸入字段和相關標記的簡單 HTML 表單：

<form action="demo_form.asp">

<label for="male">Male</label>

<input type="radio" name="sex" id="male" value="male"><br>

<label for="female">Female</label>

<input type="radio" name="sex" id="female" value="female"><br>

<input type="submit" value="提交">

</form>

瀏覽器支持

目前大多數瀏覽器支持 <label> 標簽。

標簽定義及使用說明

<label> 標簽為 input 元素定義標注（標記）。

label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。

提示和注釋

提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。

HTML 4.01 與 HTML5之間的差異

"form" 屬性是 HTML5 的新屬性。

屬性

New：HTML5 新屬性。

全局屬性

<label> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。

事件屬性

<label> 標簽支持所有 HTML事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！