フォームDivと一緒に送信

Question

私はdivを使ってフォームを送信しようとしています。 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> 

divをクリックするとフォームが送信されません。誰かが問題を指摘できますか？ありがとう。 私はこれを少なくとも1時間試してきました。

スタイリングを維持するにはa hrefが必要ですが、削除してアイコンだけを残しても送信は機能しません。イメージにonclickを適用しても機能しません。

Answer 1

は、単一引用符の間にsearch-formを追加します。

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

Answer 2

は、あなただけの引用符で引用符を使用することはできません。修正するために、単一引用符を使用します。

<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

それはエラーとは何かを持っていないかもしれません（または多分それは無効なHTMLに、いますか？）、しかし、あなたは右、あなたのinputタグに終了タグを追加する必要がありますここで最後に：

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