html – 使用Div onClick提交表单

发布时间：2020-12-14 18:58:33 所属栏目：资源来源：网络整理

导读：我正在尝试使用div来提交表单.这是 HTML： form name="search-form" id="search-form" action="php.php" class="form-search" input style="color: black; background: rgba(255,255,0.5); padding: 15px; font-size: 18px;" type="text" name="search" clas

我正在尝试使用div来提交表单.这是 HTML：

<form name="search-form" 
      id="search-form" 
      action="php.php" 
      class="form-search">

    <input style="color: black; background: rgba(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时,表单不会提交.有人可以指出问题吗？
谢谢.至少我一直在尝试一个小时.

需要一个href来保持样式,但即使我删除它,只留下图标,提交不起作用;如果我将图标应用到图像上也不起作用.

解决方法

在单引号之间添加搜索表单：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!