html表单正在重置按钮上发送

Question

我的html表单有问题.

这是我的代码:

<form name="contactform" method="post" action="send_form_email.php">
  <input id="first_name"  type="text" name="first_name" size="30"/>
  <input id="company_name"  type="text" name="company_name" size="30"/>
  <input id="email"  type="text" name="email" size="30"/>
  <input type="image" align="middle" src="images/accept.png" alt="Submit" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="reset" type="image" src="images/reset.png" alt="Reset" align="middle" />
</form>

当我点击任何这些图像时,我的表格就会被发送.如何使此重置图片仅重置而不发送表格.

Answer 1

您的重置按钮不是重置按钮.它有type="image",它是服务器端图像映射.

当您单击服务器端图像映射时,将提交表单,并且您单击的坐标将包含在数据中.

如果您想要一个图像使用的重置按钮:

<button type="reset"><img src="..." alt="..."></button>