Diferencia entre input y button, es que en <input> va a contener solo el texto, mientras que el <button> incluye los elementos de tipo html. Tal es el caso de las imágenes.
- El contenido dentro del botón <input> se suele definir por el atributo de value, por lo que va a contener solo texto.
- En el <input type=”submit”> entonces el clic va a funcionar únicamente dentro de lo que es el texto del botón. En cambio, el <button type=”submit” va a funcionar dentro de todo lo que es el botón. Incluso el padding.
¿Qué se escribe dentro del elemento button? Diferencia entre input y button
El contenido es lo que se va a escribir dentro del elemento, este puede incluir tanto texto como imágenes. Por lo general, dichos botones no llegan a tener el atributo name, aunque si se desea, se puede colocar.
- Tiene sentido, si en los formularios se tiene que colocar un par de botones de envío. Por lo que debemos de saber cuál de estos es al que ha hecho clic el usuario, pero no es tan habitual.
Funcionalidad de los botones input y button
Poseen la misma función. La única ventaja es que button va a tener un contenido más enriquecedor. Es el caso de las imágenes que contenga. Mientras que el input es el que solo va a tener el atributo value junto con el texto en cuestión.