表单提交Div onClick

我正在尝试使用div来提交表单。以下是HTML：表单提交Div onClick

<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应用于图像也不起作用。

来源

2013-01-05 Max I

添加search-form单引号之间：

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

来源

2013-01-05 17:31:53 CoursesWeb

完美thnank你 –

你不能只用引号引号。使用单引号来解决：

<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-05 17:35:47 ZombieSpy

它可能没有什么关系的错误（或者也许是这样，由于无效的HTML？），但你应该结束标签添加到您的input标签，右在这里结束：

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

来源

2013-01-14 14:32:29 Kjartan

表单提交Div onClick

回答

相关问题