Muss zweimal drücken, um zu suchen

Question

Ich habe dieses Suchfeld gemacht, aber Sie müssen zweimal drücken, um zu suchen, irgendeine Hilfe?

<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

Sie haben einen Fehler in der Form-Tag. Ändern Sie dies:

<form /> 
<input /> 

In diese:

<form> 
<input /> 
</form> 

Form ist kein selbstschließenden Tag: http://xahlee.info/js/html5_non-closing_tag.html. Sie sollten das Formular nach den Eingaben schließen.

Arbeitsbeispiel hier: http://codepen.io/anon/pen/apoYmm