首页 > 解决方案 > 我如何将 onsubmit 属性添加到

在联系表 7 中,onclick 属性为联系表 7 中的提交按钮

问题描述

这是我的 HTML 代码:

<form id="form" onsubmit="return false;">
<input  type="text" id="userInput" />
<input type="email" id="emailId" />
<input type ="number" id="phoneNumber" />
<input  type="submit" onclick="userdetails();" />
</form>

我如何在我的 wordpress 网站的联系表格 7 中实现这一点。另外我在同一页面上有多个表单,所以请帮助我如何定位具有上述属性的特定表单..???

标签: javascriptwordpresscontact-form-7

解决方案


这是实现它的方法:

<form id="form1">
        <input  type="text" id="userInput">
        <input type="email" id="emailId" />
        <input type ="number" id="phoneNumber" />
        <input  type="button" onclick="userdetails();" value="Details"/>
</form>
<form id="form2">
        <input  type="button" onclick="form1.submit()" value="Send" />
</form>

解释 :

我已经替换type="submit"type=button不提交表单。如果您需要提交表格,您可以通过这种方式进行onclick="form_id.submit()"


推荐阅读