html - 无法在 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>

当我在所有浏览器中按回车键时，它会提交，但在 safari 中它不起作用，就像我什么也没点击一样

如何让表单按回车键提交？

Answer 1

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

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

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