| title | slug | l10n | ||
|---|---|---|---|---|
標籤屬性 |
Glossary/Attribute |
|
{{GlossarySidebar}}
標籤屬性（attribute）用於擴充 HTML 或 XML {{Glossary("element", "元素")}}，可改變其行為或提供後設資料。
標籤屬性通常的格式為 name=value（屬性的標識符後面接其關聯值）。
你可能會看到沒有等於號或者值的標籤屬性，那是一個簡寫，在 HTML 中指代空字符串，或者在 XML 中指代標籤屬性名。
<input required />
<!-- 等同於⋯⋯ -->
<input required="" />
<!-- 或者 -->
<input required="required" />標籤屬性可能會被反射到一個指定的接口中的屬性，意味著標籤屬性的值可以通過接口屬性來讀取，也能通過設定接口屬性的值來修改標籤屬性的值。
例如，placeholder 就被反射到了 {{domxref("HTMLInputElement.placeholder")}}。
考慮如下的 HTML：
<input placeholder="Original placeholder" />我們可以檢查 {{domxref("HTMLInputElement.placeholder")}} 與標籤屬性之間的反射：
const input = document.querySelector("input");
const attr = input.getAttributeNode("placeholder");
console.log(attr.value);
console.log(input.placeholder); // 輸出與 `attr.value` 一樣的結果
// 修改 placeholder 的值也會修改反射的標籤屬性的值。
input.placeholder = "Modified placeholder";
console.log(attr.value); // 打印 `Modified placeholder`