必須按兩次輸入才能搜索

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