Sustituir el boton clasico de un formulario por una imagen con html

Obtén una cuenta de @zoneartcss.com gratuita

Ver correo

Nov 21

cambiar boton por imagen de formulario

Cambiar el boton clasico de un formulario por una imagen

Se que esto es muy pero muy basico, pero se que les va a servir de mucho. o por si en algun momento lo llegan a olvidar, se trata de sustituir el clasico boton de un formulario por una imagen para que se vea mas cool tus formularios.

Normalmente asi es el codigo del boton ENVIAR

<INPUT TYPE="submit" VALUE="Enviar ">

Ahora asi quedaria como una imagen

<INPUT TYPE="image" SRC="Enviar.gif" BORDER="0">

Espero que les sea de utilidad.

Posted in Tips. on Sábado, Noviembre 21st, 2009 by miguelortega Tags: cambiar boton por imagen, dar css a formulario, dar estilo css formulario, formuarios css, INPUT, input con imagen, Sustituir el boton clasico de un formulario

4 Comments

El Rola on Noviembre 21st, 2009

Para mi seria mejor asi
input[type="submit"]{border:none; background: url(submit.jpg) no-repeat; ancho; alto;}

entonces todos los input de tipo submit toman esa clase

Saludos
Alex Aguiar on Noviembre 21st, 2009

cierto… “el rola” pero no es “cross-browser”…

asi que es mejor con clases... o en su defecto una ID...
"miguelortega" te estas sacando los post de un libro viejo????... dentro de poco posteare de nuevo ando liado... chao!:..
Miguel Ortega on Noviembre 21st, 2009

jajajaj bola de criticones jajajaja ntc.. asi me enseño mi abueloa programar como que me tengo que actuaizar jajajapero in pedo… solo pondre cosas de ajax ahora jajaj saludos.
tony_gt on Diciembre 3rd, 2009

muy bueno! excelente info! sirve de mucho!