我如何将 onsubmit 属性添加到联系表单 7 中的提交属性<form>，并将 onclick 属性添加到联系表单 7 中的提交按钮

Question

这是我的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中实现这一点。此外，我在同一页面上有多个表单，因此请帮助我如何定位具有上述属性的特定表单..???

Answer 1

以下是实现它的方法：

<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()"的方式进行。