Chrome 自动填充选项真的很长

Chrome autofill options really long

提问人:bowserm 提问时间:8/14/2018 更新时间:8/14/2018 访问量:180

问:

我们有一个网站,顶部有一个非常简单的网站搜索表单,如下所示:

<div class="siteSearch">
    <form id="search_form" method="GET" action="/search" novalidate>
        <input id="search_text"
                type="text"
                placeholder="Sitewide Search"
                aria-label="Enter a search term for the site search. Press enter to search"
                name="s" />
        <input type="submit" class="site-search-input" value="" />
    </form>
</div>
<div class="clear"></div>

我们的问题是,如果我使用 chrome 将一段 lorem ipsum 文本粘贴到站点搜索表单中,然后稍后返回表单并开始输入单词“lorem”,我会得到一个很长的自动完成,以至于它有时会从我的两个显示器上延伸出来。其他时候,它会显示在表单输入上方,并向右延伸。我见过自动完成选项如此之大的情况,以至于它阻碍了我使用网站导航或阅读网站内容的能力。我需要弄清楚如何截断自动填充选项。我想限制宽度。有什么想法吗?我希望我们可以修复自动完成,而我不必求助于.autocomplete="off"

当我复制这个时,我正在使用 Chrome 68。

谢谢

HTML Google-Chrome 自动完成

评论

1赞 Alex Charters 8/14/2018
嗯,我在网上找不到任何简单的东西,但如果你真的打算拥有这个功能,你可以实现你自己的自动完成,这里描述的: 创建自动完成表单 但是 ArrayList 可以从数据库存储和访问,因此当用户键入新的搜索词时,它将被保存到 db 中的数组列表中, 然后,对于每个列表项,如果太长,则可以减小大小,然后再将其显示为自动完成。

答: 暂无答案