? about forms and their buttons

[TechnoWeenie]

If I'm using a form, how do I change the submit and reset buttons to a graphic I designed?
I saw a post on this subject when I wasn't looking for it and forgot to bookmark it. Now I need to know how and I can't find it.

 

[elegidito]

a submit button can be done with just html like this:

<input type='image' src='yoursubmit.bmp' name='nameHere'>

the name is optional.
to create a reset button you have to use a little javascript:

<img src='resetButton.bmp' style="cursor:hand" onClick='document.yourFormNameHere.reset()'>

that should do it, hope it helps

"Whether you think that you can, or that you can't, you are usually right." - Henry Ford

 

[k5tm]

Perhaps you are looking for the [tt]<button>...</button>[/tt] element, which will allow the use of any image without JavaScript.

Here's one place to look:

http://www.blooberry.com/indexdot/html/tagpages/b/button.htm

Tom Morrison

http://www.liant.com

 

[BillyRayPreachersSon]

Why not keep it standard? There's no need to mix methods of placing buttons on a form... Personally, I'd use the image input type for both buttons:

<input type="image" src="yourSubmit.gif">

<input type="image" src="yourReset.gif" onclick="this.form.reset();">

While the first button could have an onclick event:

<input type="image" src="yourSubmit.gif" onclick="this.form.submit();">

the submit event is the default for an input of type "image", so it is not stricly necessary to add it.

Hope this helps,
Dan