Boton submit

maudiruiz · #1 (**permalink**) 01/11/2010, 13:29

Hola a todos!
Estoy haciendo una forma de registro en html...
Emm pero quiero que el boton de submit sea una imagen.. .y no un boton gris feo...

Les dejo el codigo que estoy utilizando un saludo..

Código HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Formulario</title>
</head>

<body>
<table width="243" border="0"> <tr> <td><form name="form1" method="post" action="enviar.php">
  <table width="288" border="0">
    <tr>

      <td width="186"><input name="nombre" type="text" id="nombre" style="width:180px;"></td>

      <td width="79"><input type="submit"><img src="http://arte.emprendemela.com/wp-content/uploads/2010/11/enviar.png"></td>

      <td width="9">&nbsp;</td>
    </tr>
  </table>    
</form></td>  
</tr> </table>
</body>

Solo es cosa de reemplazar el boton submit con la imagen que aparece ah{i... pero no logro hacerlo...
GRacias de antemano

caricatos · #2 (**permalink**) 01/11/2010, 15:47

Hola:

En vez de input, puedes usar el tag button:

<button type="submit"><img src="http://arte.emprendemela.com/wp-content/uploads/2010/11/enviar.png"></button>

También hace submit los input type="image", pero también envían los cordenadas x,y de donde se pincha.

Saludos

Tecktonikrazy · #3 (**permalink**) 02/11/2010, 10:56

o <input type="submit" class="boton">

<style>
.boton {

background: url(imagen.jpg);

}
</style>