[zh-cn] Update glossary attribute

files/zh-cn/glossary/attribute/index.md

@@ -1,11 +1,51 @@
 ---
-title: Attribute
+title: 属性
 slug: Glossary/Attribute
+l10n:
+  sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34
 ---
 
 {{GlossarySidebar}}
 
-**Attribute** （标签属性）用于拓展 HTML [for paragraph. Note that the end tag's name is preceded by a slash character, "\</p>", and that in empty elements the end tag is neither required nor allowed. If attributes are not mentioned, default values are used in each case.">tag](/zh-CN/docs/Glossary/tag)，可改变标签行为或提供元数据，属性总是以`name = value`的格式（属性的识别码后接与之相关的值）
+**属性**（Attribute）可扩展 HTML 或 XML {{Glossary("element", "元素")}}，改变其行为或提供元数据。
+
+属性的形式总是 `name="value"`（属性的标识符后跟相关的值）。
+
+你可能会看到没有等号或值的属性。这是在 HTML 中提供空字符串或在 XML 中提供属性名称的简写。
+
+```html
+<input required />
+<!-- 与 -->
+<input required="" />
+<!-- 或 -->
+<input required="required" />
+<!-- 相同 -->
+```
+
+## 属性的反射
+
+属性可以*反射*到特定接口的特定属性中。这意味着属性的值可以通过访问该属性来读取，并可通过将属性设置为不同的值来修改属性。
+
+例如，下面的 `placeholder` 反射为 {{domxref("HTMLInputElement.placeholder")}}。
+
+考虑这段 HTML 代码：
+
+```html
+<input placeholder="原始占位符" />
+```
+
+我们可以使用 {{domxref("HTMLInputElement.placeholder")}} 检查属性与 {{{domxref("HTMLInputElement.placeholder")}} 之间的反射性：
+
+```js
+const input = document.querySelector("input");
+const attr = input.getAttributeNode("placeholder");
+console.log(attr.value);
+console.log(input.placeholder); // 与 `attr.value` 打印的值相同
+
+// 更改占位符的值也会更改反射属性的值。
+input.placeholder = "修改过的占位符";
+console.log(attr.value); // 打印出 `修改过的占位符`
+```
 
 ## 参见