to add the feature of submit button in HTML page with different look of submit button

Posted on 2003-03-12
Medium Priority
Last Modified: 2010-04-09
I used the following code in my program

<td><a href="next.jsp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','images/cont.gif',1)"><img src="images/cont1.gif" border="0" name="Image21"></a></td>

I intend to have a form object in the same HTML page and a submit button.But I should also have the cont1.gif and cont.gif images for better display instead of a ordinary looking submit button

Could someone help me from this.I know it may seem easy but I am new to web development
Question by:mdeepti

Accepted Solution

bouke earned 300 total points
ID: 8123125
You're not restricted to submit buttons for submitting forms. You can use any element you like as long you relate for instance the click event to the submit action.


<img onClick="submitForm()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage'Image21','','images/cont.gif',1)">

<script language="Javascript">
function submitForm() {

Where Exampleform is the name of your form (name attribute).
LVL 53

Expert Comment

ID: 8123141
instead of a normal submit button use image.  The functionality is dentical:

<input type="image" src="images/cont1.gif" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','images/cont.gif',1)">


Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

578 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question