如何通过 HTML 下拉或选择元素实现自动完成功能?

2023-12-02

嗨,我正在尝试创建auto completion的功能下拉或选择html 表单元素。

我需要一个功能,比如用户启动后typing on a drop-down/select元素根据它的match able元素将以以下形式出现选定的元素特定下拉/选择项目的。

任何人都知道我如何实现这一目标?


你可以尝试 HTML<datalist>自动完成下拉列表的标签。Try here.

<form action="/action_page.php" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>

如果您不想在下拉列表或未选择的下拉列表中添加默认值,请从输入标记中删除 value 属性。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何通过 HTML 下拉或选择元素实现自动完成功能? 的相关文章

随机推荐