必须按两次输入才能搜索

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