Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
- - - - -

How To Make Image Buttons Act As Submit Button


17 replies to this topic

#11 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 16 September 2009 - 03:41 PM

using image to busmitt a form (I wanted to make a 2 line submitt button)How To Make Image Buttons Act As Submit Button
<form  name="form_%variable%" action="f_update_appointment.Cfm" method="post">
<select>
loop through options
</select>
<img src="/begincentral/includes/images/sap_mout.Jpg"  title="Submit the Form" onclick="form_%variable%.Submit();" onmouseover="this.Src='/begincentral/includes/images/sap_mover.Jpg';" onmouseout="this.Src='/begincentral/includes/images/sap_mout.Jpg';" border="0">
</form>
worked for me. Ie 6 corporate intranet
-reply by This worked for me

#12 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 25 November 2009 - 01:02 PM

Try this.
<div id="buttons">    <form method="post" action="sendsomewhere">	    <button type="submit">	    <img src="images/gallnk.Png" height="170" width="205" alt="Gallery link" align="left">	    </button>    </form></div>


#13 iGuest

    Hail Caesar!

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,876 posts
  • Interests:Trap17 Free Web Hosting, No Ads

Posted 24 December 2009 - 11:23 AM

I have created image button for search, its working in firefox but not working in IEKindly suggest.
  <td>	  <input type="image" src="../Mahendi Matrimonial/btnsearch.Gif" alt="Matrimonial Search" height="19" width="49" name="Submit" value="Search" onClick="document.Frm_search.Action='search_mprofile.Php?mode=search';this.Form.Action.Submit();" tabindex="11"/></td>


#14 mem

    Newbie

  • Kontributors
  • Pip
  • 1 posts

Posted 12 May 2010 - 09:30 AM

View Posthitmanblood, on 19 August 2008 - 03:36 PM, said:

...

The main difference from the previous one is that there is added value="submit" this is obligatory in order to work.

Best Regards hopefully I may have helped you,
Hitman

Thanks for this test case Hitman, I was struggling why my image submit button that didn't work. And the required value attribute is quite weird.
It doesn't need to have "submit" anything should do, but I'm still not getting why value attribute is required on this type of input field.

Just a note to all who have been posting before: the alt attribute is not supported on <input> element at this time. It doesn't validate.

Kind Regards,
Márcio

#15 Guest_MAK_*

  • Guests

Posted 25 April 2011 - 02:29 PM

View PostErdemir, on 16 August 2008 - 07:24 AM, said:

Try this one,
<form name="form1" action="target_file.php" method="GET or POST"> 

//Your form fields

//Here is the submit button
<a href="java script:document.form1.submit();" title="Submit the Form"><img src="image.png" onmouseover="this.src='image2.png';" onmouseout="this.src='image.png';" border="0"></a>
</form>
thanks this worked out for me

#16 Guest_mike_*

  • Guests

Posted 02 August 2011 - 03:43 PM

Just make a regular button with an image in it... eg.

<button><img src="image.png" width="69" height="63" /></button>

Put that in a form like you would a regular submit button and ur good to go!

#17 Guest_Kavita Yeole_*

  • Guests

Posted 09 February 2012 - 08:23 AM

Add this code in your <form></form> where you are writing your button code

<input type="image" src="limage.png" />
Its working in my form

#18 Guest_Phillip Biggs_*

  • Guests

Posted 23 February 2012 - 03:01 PM

To make an image into a 'Back button' the following is all that is required. No form tags are needed.

<a href="javascript:history.back(1)" title="Back"><img src="My_Picture.jpg" alt="Back" border="0"></a>

I don't know where the Javascript code comes from :) as I don't know anything about Javascript. It's just something I picked up from somewhere.




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users