10

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。

4

3 に答える 3

23

一重引用符の間に追加search-form:

onClick="document.forms['search-form'].submit();"
于 2013-01-05T17:31:53.617 に答える
4

引用符で引用符を使用することはできません。一重引用符を使用して修正します。

<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>
于 2013-01-05T17:35:47.083 に答える
0

エラーとは何の関係もないかもしれません (または、無効な html が原因で関係があるのでしょうか?) が、タグに終了タグを追加する必要がありますinput。

<input style="color: black; (... etc) " 
       type="text" 
       name="search" 
       class="input-medium search-query" />
于 2013-01-14T14:32:29.437 に答える