无法在Safari浏览器中使用Enter提交表单

Question

我有正常的获取表格

<form action="{{url('/products_search')}}" method="get" class="position-relative" id="search_form">
    <div class="input-group">
        <input type="text" class="form-control search_loading" name="input_search" style="text-align: left !important;" value="{{$input_search ?? ''}}" placeholder="Find Your Products..." required>
        <button type="submit" style="display: none;"> </button>
</form>

当我在所有浏览器中按下Enter键时，它都会提交，但在野生动物园中却无法正常工作，就像我什么都没点击一样

如何在Enter上提交表单？

Answer 1

如果表单内的按钮被隐藏，则在Safari中不起作用。

您可以在此处尝试解决方案。 https://stackoverflow.com/a/477699

通过将按钮移出可见屏幕来隐藏按钮。

Answer 2

您的示例缺少div的结束标记：

<div class="input-group">

生成的无效html可能是个问题？