必须按回车两次才能搜索

Question

我已经做了这个搜索框，但你必须按两次回车键才能搜索，有什么帮助吗？

<script type="text/javascript">
    document.getElementById('frmSearch').onsubmit = function() {
        window.location = 'http://www.google.com/search?q= ' + document.getElementById('txtSearch').value;
        return false;
    }
</script>

<form id="frmSearch" class="search2" method="get" action="default.html" />
<input class="search2" id="txtSearch" type="text" name="serach_bar" onclick="myFunction()" placeholder="Search..." size="31" maxlength="500"       
value="" style="left: 500px; top: 153px; width: 293px; height: 26px;" />

Answer 1

您在表单标记中出错。更改此设置：

<form />
<input />

进入这个：

<form>
<input />
</form>

表单不是自闭标签：http://xahlee.info/js/html5_non-closing_tag.html。您应该在输入后关闭表单。

此处的工作示例：http://codepen.io/anon/pen/apoYmm