Formularz Wyślij przy użyciu Div onClick

Question

Próbuję użyć elementu div do przesłania formularza. Oto kod HTML:

<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> 

Formularz nie zostanie przesłany po kliknięciu elementu div. Czy ktoś może wskazać problem? dzięki. Próbowałem tego przynajmniej przez godzinę.

Do zachowania stylizacji potrzebny jest model , ale nawet jeśli go usunę i zostanę z samą ikoną, przesłanie nie zadziała; ani nie działa, jeśli zastosuję obraz onclick.

Answer 1

Dodaj search-form pomiędzy apostrofami:

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

Answer 2

Nie można po prostu użyć cytaty w cudzysłowie. Apostrofów aby naprawić:

<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

może nie mieć nic wspólnego z błędem (a może to robi, z powodu nieprawidłowej html?), Ale należy dodać końcowy znacznik do tagu input, prawo na końcu tutaj:

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