Element:ariaAutoComplete 属性
>Element 接口的 ariaAutoComplete 属性反映了 aria-autocomplete 属性的值,该属性指示对于组合框(combobox)、搜索框(searchbox)或文本框(textbox),输入文本是否可能触发显示用户预期值的一个或多个预测,并指定如果进行预测,预测将如何呈现。
值
具有以下值之一的字符串:
示例
在此示例中,ID 为 animal 的元素上的 aria-autocomplete 属性被设置为 "inline"。通过 ariaAutoComplete,我们将它的值更新为 "list",这是调用 listbox 弹出框的组合框的预期值。
html
<div class="animals-combobox">
<label for="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="动物">
<li id="animal-cat" role="option">猫</li>
<li id="animal-dog" role="option">狗</li>
</ul>
</div>
js
let el = document.getElementById("animal");
console.log(el.ariaAutoComplete); // inline
el.ariaAutoComplete = "list";
console.log(el.ariaAutoComplete); // list
规范
| 规范 |
|---|
| Accessible Rich Internet Applications (WAI-ARIA)> # dom-ariamixin-ariaautocomplete> |