Element: ariaAutoComplete 屬性
Element 介面的 ariaAutoComplete 屬性反映了 aria-autocomplete 屬性的值。該屬性指示輸入文字是否會觸發顯示使用者對 combobox、searchbox 或 textbox 的預期值的預測，並指定了這些預測如果出現的話將如何呈現。
值
一個字串，其值可能為以下之一：
示例
在此示例中，ID 為 animal 的元素的 aria-autocomplete 屬性被設定為 "inline"。使用 ariaAutoComplete，我們將值更新為 "list"，這是觸發 listbox 彈出視窗的 combobox 的預期值。
html
<div class="animals-combobox">
<label for="animal">Animal</label>
<input
id="animal"
type="text"
role="combobox"
aria-autocomplete="inline"
aria-controls="animals-listbox"
aria-expanded="false"
aria-haspopup="listbox" />
<ul id="animals-listbox" role="listbox" aria-label="Animals">
<li id="animal-cat" role="option">Cat</li>
<li id="animal-dog" role="option">Dog</li>
</ul>
</div>
js
let el = document.getElementById("animal");
console.log(el.ariaAutoComplete); // inline
el.ariaAutoComplete = "list";
console.log(el.ariaAutoComplete); // list
規範
| 規範 |
|---|
| 無障礙富網際網路應用程式 (WAI-ARIA) # dom-ariamixin-ariaautocomplete |
瀏覽器相容性
載入中…