html 中輸入標簽的屬性“placeholder”和“aria-label”

Question

在第一個輸入標簽中，“placeholder”和“aria-label”屬性的用途是什么？ 它們是否與第二個輸入標簽中的“名稱”和“值”相同

<input type="search" placeholder="Search" aria-label="Search">
<input type="search" name="Search" value="Search">

Answer 1

---

不，它們的工作方式不同。

我想你是在談論輸入。 占位符是字段內的灰色文本，僅用於顯示。 您實際上可以通過名稱而不是占位符來訪問元素。

---

Aria-label 允許我們指定一個字符串作為可訪問的 label。這會覆蓋任何其他原生標簽機制，例如 label 元素——例如，如果一個按鈕既有文本內容又有 aria-label，只有 aria -將使用標簽值。 雖然價值觀就是價值觀

Answer 2

aria-label屬性用於定義標記當前元素的字符串。 placeholder屬性指定描述輸入字段預期值的簡短提示（例如樣本值或預期格式的簡短描述）。 在用戶輸入值之前，在輸入字段中顯示簡短提示。

不，他們不一樣