Input type=submit VS Button type=submit

A partir de ahora en vez de utilizar en los formularios como Botón de submit el código siguiente:
<input type=“submit” name=“button1” value=“Button1” />

Voy a a utilizarlo así:
<button type=“submit” name=“button1” value=“somevalue”>Button1</button>

Las razones a favor:

  •     Es más fácil de darle estilo y de incluir elementos como imagenes, etc.
    Ejemplo: <button type=“submit”><img src=“icono.png” alt=“” /> Enviar</button>

    Buttons created with the BUTTON element function just like buttons created with the INPUT element, but they offer richer rendering possibilities: the BUTTON element may have content. For example, a BUTTONelement that contains an image functions like and may resemble an INPUT element whose type is set to “image”, but the BUTTON element type allows content.

    Visual user agents may render BUTTON buttons with relief and an up/down motion when clicked, while they may render INPUT buttons as “flat” images.

La única pega es que en IE6 (como no) en vez de enviar al form el value del button, envía el contenido del mismo. Pero eso a nosotros nos da igual pues nunca lo utilizamos para nada no?

http://www.peterbe.com/plog/button-tag-in-IE

Deja un comentario

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.