ansaurus

Question

Answer 1

A:

Just try this one

    <input type="image" src="butup.gif" alt="Submit button">

Some browsers wont support to "alt" tab so there is another way:

   <html>
   <body>
   <form action="example.cgi" method="post">
   <input type="text" name="login">
   <br>
    <input type="image" src="submit.gif">
   <input type="image" src="reset.gif">
  </form>
  </body>
  </html>

Rupeshit 2010-09-27 08:29:14

not working....

champ 2010-09-27 08:37:50

may be your browser ignoring "alt".

Rupeshit 2010-09-27 08:51:47

Try this one:<html><body><form action="example.cgi" method="post"><input type="text" name="login"><br><input type="image" src="submit.gif"><input type="image" src="reset.gif"></form></body></html>

Rupeshit 2010-09-27 08:52:11

Answer 2

A:

<input type="reset" name="Reset" id="button" value="Reset" />

Anjali 2010-09-27 08:32:42

but i need to use the image..

champ 2010-09-27 08:37:14

Answer 3

+1 A:

Image inputs submit the form when clicked. You need to return false in your event handler to stop the normal action of the button taking place.

<input name="cancel" id="cancel" type="image" src="images/cancel.gif" width="60" onclick="window.location.href='telecallerinfo.php'; return false;"/>

In theory the same should hold for the submit-image, but actually you should just discard the event handler and let the default action submit the form when clicked.

For a button that just navigates to a page you would be better off using a simple link.

Is there any way of giving reset functionality to an image?

If you really wanted:

<img onclick="document.getElementById('someform').reset();">

But it'd be better to do it without JS using a real reset button:

<button type="reset">
    <img src="images/cancel.gif" alt="Reset"/>
</button>

This will give you a button graphic around the image, but you can get rid of that with CSS:

border: none; padding: 0; margin: 0; background: transparent;

Are you sure you want a ‘reset’? They're rarely useful, and often annoying if accidentally clicked thinking they're submit buttons...

bobince 2010-09-27 08:47:26

thanxx all my problem is solved...

champ 2010-09-27 10:14:24

Answer 4

+1 A:

<a href="telecallerinfo.php"><img src="images/cancel.gif" alt="DON'T FORGET ALTERNATIVE TEXT"></a>

David Dorward 2010-09-27 08:47:31

Answer 5

+2 A:

hey, try this if u want it as image:

<button type="reset">
<img src="image location" alt="Reset" />
 </button>

It works!! But, RESET buttons are destructive and should not be used, except in situations where destruction of user input is really desirable.

Anjali 2010-09-27 08:56:43

ansaurus

tags:

views:

answers:

Form being submitted on clicking image

related questions