title: Form being submitted on clicking image
body: <p>Here is my code:</p>
  
  <pre><code>&lt;form action="telecallerinfo.php?action=modify&amp;id=&lt;?php echo $id;?&gt;" method="post" enctype="multipart/form-data"&gt;
  &lt;table class="panel1"&gt;
      &lt;tr&gt;
          &lt;td&gt;Caller Name:&amp;nbsp;&lt;input name="tele_caller" type="text" size="15" value="&lt;?php echo $tele_caller?&gt;" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td align="right"&gt;
          &lt;input name="submit" id="submit" type="image" src="images/submit.gif" width="60" onclick="this.form.submit();"/&gt;
          &lt;input name="cancel" id="cancel" type="image" src="images/cancel.gif" width="60" onclick="window.location.href='telecallerinfo.php';"/&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>but then I am clicking on the cancel image. The form is being submitted. How to stop it because I want only the page to be refreshed. Is there any way of giving reset functionality to an image?</p>