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时，表单不会提交。有人可以指出问题吗？谢谢。我至少试过一个小时。

需要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标记中添加一个结束标记，然后在此处结束：< / p>

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

表单提交Div onClick

3 个答案: