ios键盘上的搜索按钮不提交表单

Posted 2023-05-09

【中文标题】ios键盘上的搜索按钮不提交表单

【英文标题】：Search button on ios keyboard does not submit the form

【发布时间】：2017-10-04 20:05:04

【问题描述】：

我只使用搜索词的文本输入为我的网站编写了一个简单的搜索表单。我还使用了 typeahead.js 插件，它允许在打字时自动完成。

除了我尝试使用 ios 键盘的 Search 按钮提交表单外，一切似乎都运行良好。当我点击它时，什么也没有发生。

关于为什么会发生这种情况的任何想法？

这是表单的代码：

<form action="[config.site_url]/search/find" method="post" id="main-search-form"> 
    <div class="form-group" id="main-search">
        <input id="topnav_search" name="search_text" class="form-control typeahead" placeholder="" type="text" value="">
    </div>
    <input type="submit" name="submit" style="display: none;" />
</form>

这是我的意思是搜索 ios 按钮：

【问题讨论】：

不隐藏按钮会有影响吗？

你对[config.site_url]/search/find行动是认真的吗？

@Manngo 输入字段不应该是可见的（是的，我试图让它可见，但它没有任何区别）。此外，[config.site_url] 只是一个返回站点 url 的 codeigniter 变量。

嘿你的问题已经在这里问了：iPhone search button to submit

@DanielTaub 谢谢丹尼尔！我会检查这个。

【参考方案1】：

最后，我只是将提交按钮的 css 样式更改为：

style="position: fixed; top: -1000px;"

在此处找到解决方案：Getting iPhone GO button to submit form