HTML检测输入已完成 自动填写下一个内容

HTML中的input元素提供了一种简单的方法来检测输入已完成。 当用户在input元素中输入时，浏览器会将输入的文本与一个预先填充的列表进行比较。 如果用户输入的文本与列表中的任何条目匹配，浏览器将显示一个下拉菜单，其中包含与用户输入的文本相匹配的条目。 当用户选择列表中的条目时，浏览器的会将用户选择的内容填充到input元素中。

HTML检测输入已完成

使用 HTML 中的input 元素检测输入已完成非常简单。 只需为 input 元素添加一个列表即可。列表中的条目可以是任何类型的文本，但最常见的是一个字符串或一个URL。

以下是如何在 HTML 中检测输入已完成：

<input list="list-of-options">

这个代码中的list-of-options 是一个列表，其中包含要作为潜在匹配项的条目。

以下是如何在 HTML 中显示检测输入已完成的下拉列表：

<input list="list-of-options" oninput="showSuggestions(event)">

注意： oninput 属性仅在 Chrome、Firefox 和 Internet
Explorer 10 及以上中可用。其他浏览器不支持它。

以下是如何在 HTML 中使用检测输入已完成来预填充 input 元素：

<input list="list-of-options" oninput="prepopulate(event)">

以下是如何在 HTML 中使用检测输入已完成来预填充 input 元素并禁用它：

<input list="list-of-options" oninput="prepopulateAndBlock(event)">

在此 基础上实现检测输入已完成 自动填写下一个内容

上面的操作完成后，我们实现了检测输入已完成，但没有实现检测输入已完成 自动填写下一个内容。现在我们再进一步，在此 基础上实现检测输入已完成 自动填写下一个内容。

以下是如何在 HTML 中使用检测输入已完成来预填充 input 元素并禁用它：

<input list="list-of-options" oninput="prepopulateAndBlockAndNext(event)">

以下是如何在 HTML 中使用检测输入已完成来预填充 input 元素并禁用它：

<input list="list-of-options" oninput="prepopulateAndBlockAndNextAndAdd(event)">