Klasične gumbe v HTML Formah lahko popestrimo s slikami in tako vizualno izboljšamo suhoparna vnosna polja.

Zamenjavo lahko storimo na dva načina. Prvi način je v sami kodi forme, drugi pa s pomočjo CSS značk.

Primer v formi

<form>
<input type="image" value="Submit" name="submit" src="ime-slike.gif"/>
</form>


 
CSS primer

<style type="text/css">
<!--
#searchsubmit {
background: url(ime-slike.gif) no-repeat left top;
border: none;
cursor: pointer;
height:24px;
position: relative;
width:48px;
}
-->
</style>

<form>
<input id="searchsubmit" type="submit" value="" name="submit" />
</form>