¿Qué diferencia hay entre usar la etiqueta button y la etiqueta input type=“butto”?

Juan Felipe Ángel Martínez Bernal

Juan Felipe Ángel Martínez Bernal

Pregunta
studenthace 5 años

¿Qué diferencia hay entre usar la etiqueta button y la etiqueta input type=“butto”?

6 respuestas
para escribir tu comentario
    tani smith

    tani smith

    studenthace 5 años

    Hola! Tanto <button type = "submit"> como <input type = "submit"> se muestran como botones y hacen que los datos del formulario se envíen al servidor.

    La diferencia es que <button> puede tener más contenido, mientras que <input> no. Si bien se puede especificar el texto del botón de un <input>, no puede agregar insertar una imagen por ejemplo. Entonces <button> tiene una gama más amplia de opciones de visualización.

    <button> ya tiene submit (enviar) implícitamente, lo que puede causar problemas si desea utilizar un botón en un formulario sin que se envíe. Hay que definir el "type"...

    Espero que haya sido útil! :3

    Boris Köhli-Richter

    Boris Köhli-Richter

    studenthace 5 años

    la diferencia es que <input type="button" value="soy un boton"/> solo admite texto en su value.

    <buttun>....</button> al ser una doble-etiqueta permite agregar mas html en su interior.

    La primer forma es de HTML4 y ya obsoleta, mientras que la segunda es de HTML5 y es la que deberias usar.

    Aarón Fabricio Santa Cruz Valdez

    Aarón Fabricio Santa Cruz Valdez

    studenthace 5 años

    Técnicamente son lo mismo pero el la etiqueta button se utiliza mas junto con JavaScript. En cambio la etiqueta input se usa para formularios.Por temas de buenas practicas es mejor separar la forma en la que se los utiliza.

    Juan Felipe Ángel Martínez Bernal

    Juan Felipe Ángel Martínez Bernal

    studenthace 5 años

    No afecta el SEO ni nada?

    jesus gomez

    jesus gomez

    studenthace 5 años

    Tecnicamente ninguna la unica aplicacion que tendria es que una seria mas facil aplicarle los estilos que seria para la etiqueta especializaca para el boton

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.