Элемент: свойство ariaPlaceholder

Базовая линия 2023

Новое

С октября 2023 года эта функция работает на последних устройствах и версиях браузеров. Эта функция может не работать на более старых устройствах или браузерах.

Свойство ariaPlaceholder интерфейса Element отражает значение атрибута aria-placeholder, который определяет краткую подсказку, предназначенную для помощи пользователю ввода данных, когда в элементе нет значения.

Примечание: В случаях, когда это возможно, используйте HTML-элемент <input> с type="text" или <textarea>, так как они обладают встроенной семантикой и не требуют атрибутов ARIA.

Значение

Строка.

Примеры

В этом примере атрибут aria-placeholder элемента с идентификатором txtBoxInput задан строкой. Используя ariaPlaceholder, мы обновляем строку на другое значение.

<div id="txtboxLabel">Enter your five-digit zip code</div>
<div
  role="textbox"
  id="txtBoxInput"
  contenteditable="true"
  aria-placeholder="5-digit zip code"
  aria-labelledby="txtboxLabel"></div>

let el = document.getElementById("txtBoxInput");
console.log(el.ariaPlaceholder); // "5-digit zip code"
el.ariaPlaceholder = "12345";
console.log(el.ariaPlaceholder); // "12345"

Спецификации

Спецификация
Доступные богатые интернет-приложения (WAI-ARIA) # dom-ariamixin-ariaplaceholder

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`ariaPlaceholder`	81	81	119	68	12.1	81	119	58	12.2	13.0	81

См. также

ARIA: роль текстового поля

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaPlaceholder