Botones de formularios como imágenes.

Hola chicos..

Esta consulta se me generó haciendo un proyecto actualmente y queria saber sus opiniones..haciendo un formulario con un boton de envio (o submit) como imagen, alguien sabria cual es la diferencia al momento de usar estas alternativas que muestro...

Código :

Por ejemplo, desde HTML se puede hacer esto:
<input type="image" />

Y con HTML y aplicando CSS puedo lograr lo mismo pero haciendo esto

/* Codigo CSS */
.imgBtn{
background:url(imagendeboton.jpg) no-repeat;
}
.imgBtn span{
display: none;
}

/*Codigo HTML */

<button type="submit" class="imgBtn"><span>Submit</span></button>

Gracias por sus comentarios de antemano...
Salu2

Yo haria esto.

Código :

<button type="submit" class="enviar_btn">Enviar</button>

Código :

button.enviar_btn {
  background:url(images/enviar_btn.png) no-repeat;
  width: xx;
  height: xx;
  border: 0;
  text-indent: -9000px;
}

Menos código, más semantico, más estilo.

Seria solo eso?, cuestion del diseño o la personalizacion de elementos como ese?...

Cual seria entonces mas recomendado? Input (con type="xx") o Button (con CSS)?
Los dos tienen el mismo significado semanticamente hablando?


Salu2

<button> como ves es un botón.
<input type="button"> fue creado antes del botón.

Semánticamente es mejor el <button>, además es más fácil de modificar en masa con CSS.

Se que existe el CSS para modificar en masa los input con tipo botón, pero IE no lo reconoce, asi que no viene al caso.

La mejor respuesta es "probando" creo yo.

Saludos