このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Element: ariaPlaceholder プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年10月以降、すべてのブラウザーで利用可能です。
ariaPlaceholder は Element インターフェイスのプロパティで、aria-placeholder 属性の値を反映します。この属性は、コントロールに値がない場合表示する、ユーザーのデータ入力を助けることを意図した短いヒントを定義します。
メモ:
可能であれば、HTML の <input> 要素の type="text" と <textarea> を使用してください。これらは意味づけがあり、ARIA 属性を必要としません。
値
文字列です。
例
この例では、IDが txtBoxInput の要素の aria-placeholder 属性には文字列が設定されています。ariaPlaceholderを使用して、文字列を別の値に更新します。
html
<div id="txtboxLabel">Enter your five-digit zipcode</div>
<div
role="textbox"
id="txtBoxInput"
contenteditable="true"
aria-placeholder="5-digit zipcode"
aria-labelledby="txtboxLabel"></div>
js
let el = document.getElementById("txtBoxInput");
console.log(el.ariaPlaceholder); // "5-digit zipcode"
el.ariaPlaceholder = "12345";
console.log(el.ariaPlaceholder); // "12345"
仕様書
| 仕様書 |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariaplaceholder |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。