> ¿Existe alguna diferencia entre ellos? Sí, hay dos grandes diferencias: 1. `<button>` te permite utilizar otras etiquetas para cambiar el formato del botón, mientras que `<input type=button />` no te lo permite. Ejemplo: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <button><h1>Texto grande!</h1></button> <br> <button><img src="https://cdn2.iconfinder.com/data/icons/basicset/tick_64.png"/> Con imagen</button> <!-- end snippet --> 2. `<button>` se comporta como `<input type="submit" />` cuando está dentro de una forma, mientras que `<input type=button />` no. Ejemplo: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <button> dentro de forma: <form> <button>Enviar</button> </form> <br> <input type="button"> dentro de forma: <form> <input type="button" value="Enviar"/> </form> <br> <!-- end snippet --> > ¿Habrá casos en los que se recomiende usar uno u otro? Generalmente utilizarías `<button>` para mejorar el contenido del botón sin tener que recurrir a _CSS_, aunque la realidad es que la mayoría de las veces terminarás utilizando _CSS_ para estilizar tu botón. `<input type="button">` lo utilizarías más cuando quieres enviar una forma utilizando _javascript_, así evitarías la necesidad de utilizar `preventDefault()` para evitar que la forma se envíe (como lo hace un `<input type="submit">`). > ¿Ocurre algo si se usan combinados en un mismo formulario? Simplemente uno si enviará la forma (`<button>`) y el otro no la enviará (`<input type="button">`). Fuera de eso, no te afectará dentro de la forma. > ¿Podría haber problemas de compatibilidad? Únicamente con exploradores viejos, como lo son _IE6_ o _IE7_.