时间戳

首页 > 解决方案 > Chrome 自动填充选项真的很长

html - Chrome 自动填充选项真的很长

问题描述

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

<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。

谢谢

标签： htmlgoogle-chromeautocomplete

解决方案

推荐阅读