在自动完成属性关闭时实现类似自动完成的功能

Question

我正在研究a page中类似自动补全的特性的实现:在input元素中键入一个单词，系统会根据输入的单词返回一个选项列表。

​

​

根据源代码

<input autofocus="" aria-label="Search" type="text" name="q" autocomplete="off" aria-required="true" aria-invalid="false" class="ft fon pr pt0 hbr-20 lc1 lp-10 lpl-15 cdo-search-input user-valid valid" id="searchword" [placeholder]="stateSearch.dataset_search" placeholder="Search English" on="input-debounced: AMP.setState({ stateSearch: { term: event.value, autocomplete: (stateSearch.dataset != 'wordlists' &amp;&amp; event.value.length) > 1 ? true : false } }), searchAutoComplete.changeToLayoutContainer(); tap: AMP.setState({ stateSearch: { autocomplete: stateSearch.dataset != 'wordlists' &amp;&amp; stateSearch.term.length > 1 } })">

input标记的autocomplete属性为off。我猜on属性是关键。

但是，w3schools不包含该属性。

为什么自动完成属性处于关闭状态？

类似自动补全的功能有名字吗？

input标签的属性on是关键字吗？

如何实现该功能？

Answer 1

你不能仅仅使用html属性，自动补全文本的主要内容是从现有的json类型的数据或状态数据库中获取的，如果你想要得到状态类型它的字母，使用自动补全插件

https://xdsoft.net/jqplugins/autocomplete/

上面的链接将帮助你找到你现在需要的东西..