Formular Absenden mit Div onClick

Question

Ich versuche ein div zu verwenden, um ein Formular zu senden. Hier ist der HTML-Code:

<form name="search-form" 
     id="search-form" 
     action="php.php" 
     class="form-search"> 

    <input style="color: black; background: rgba(255,255,255,0.5); padding: 15px; font-size: 18px;" 
      type="text" 
      name="search" 
      class="input-medium search-query"> 

     <div class="button1" onClick="document.forms["search-form"].submit();"> 
      <a href="#"> 
       <img alt="" src="/img/buttons/icon1.png" /> 
      </a> 
     </div> 
    </form> 

Das Formular wird nicht übermittelt, wenn auf das div geklickt wird. Könnte jemand auf das Problem hinweisen? danke. Ich habe das mindestens eine Stunde lang probiert.

Die a href wird benötigt, um das Styling zu behalten, aber selbst wenn ich es entferne und nur mit dem Symbol zurückbleibe, funktioniert das Senden nicht; noch funktioniert es, wenn ich das onclick auf das Bild anwende.

Answer 1

search-form zwischen Apostrophe hinzufügen:

onClick="document.forms['search-form'].submit();" 

Answer 2

Sie nicht nur Zitate in Anführungszeichen verwenden können. Apostrophe verwenden zu beheben:

<form name="search-form" id="search-form" action="php.php" class="form-search"> 
    <input style="color: black; background: rgba(255,255,255,0.5); padding: 15px; font-size: 18px;" type="text" name="search" class="input-medium search-query"> 
    <div class="button1" onClick="document.forms['search-form'].submit();"> 
     <a href="#"> 
      <img alt="" src="img/buttons/icon1.png" /> 
     </a> 
    </div> 
</form> 

Answer 3

Es kann nichts mit dem Fehler zu tun hat (oder vielleicht tut es, aufgrund ungültigen html?), aber Sie sollten einen End-Tag zu Ihrem input Tag hinzufügen, rechts am Ende dann hier:

<input style="color: black; (... etc) " 
     type="text" 
     name="search" 
     class="input-medium search-query" />