I have a question: "How do I use an image for a search button?

so instead of a button I have a a graffic

<INPUT TYPE="IMAGE" SRC="" NAME="" VALUE="">

just put in a src, name and a value and put it in your code (before the </form>)

I'm not sure about it, but it may need an "onclick" event, to trigger the form submit:

<form name="frmSomething" method="post" action="someWhere">
  <input type="text" name="inpTxt1"/>
  <input type="image" src="/img/buttonGo.jpg" name="inpImgSub" value="" onclick="document.frmSomething.submit()"/>
</form>

onclick="document.formname.submit()

Originally Posted by tripy

I'm not sure about it, but it may need an "onclick" event, to trigger the form submit:

<form name="frmSomething" method="post" action="someWhere">
  <input type="text" name="inpTxt1"/>
  <input type="image" src="/img/buttonGo.jpg" name="inpImgSub" value="" onclick="document.frmSomething.submit()"/>
</form>

This is useful anyway
and you can also make a background image

<form name="frmSomething" method="post" action="someWhere">
  <input type="text" name="inpTxt1" />
  <input type="submit" name="submit" value=" " class="submit" />
</form>

.submit {
    border: 0;
    height: 15px;
    width: 40px;
    background: url(images/submit.gif) no-repeat center center #001;
}

Hurrah.

Maybe I should mention what if I am using it for a php/mysql search form that uses another page. Also what if there is more then one form?

Maybe I should mention what if I am using it for a php/mysql search form that uses another page. Also what if there is more then one form?

Just replace the old routine <input type="submit" .. with <input type="image" ... and you'll be fine.

It's the same with multiple forms. Or you could try to make different values among all the submit buttons with the same 'name'.

Each form requires its own submission button. To seperate a form out visually, use fieldsets.

I suggest using a background image as .Gary suggested. That way, you maintain the semantics of the submit button, and still gain the visual appeal that you want. Screen readers will be better able to interpret what you want, also.