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

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 } })">

autocomplete标签的input属性关闭。我猜on属性是关键。

但是，w3schools不包含该属性。

为什么关闭了自动完成功能？

类似自动完成功能的名称吗？

on标签的属性input是键吗？

如何实现该功能？

Answer 1

仅使用html属性就无法实现，自动完成文本的主要内容是从存在的json类型的数据或状态数据库中获取的，如果要获取状态键入其字母，请使用自动完成插件

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

上面的链接将为您提供所需的帮助。