Profe, se puede utilizar tambien el elemento button type submit en lugar de un input? o no es aconsejable para un formulario?
<button type="submit">Enviar</button>
Aguardo sus comentarios.
Saludos
Dardo Leguizamon
Profe, se puede utilizar tambien el elemento button type submit en lugar de un input? o no es aconsejable para un formulario?
<button type="submit">Enviar</button>
Aguardo sus comentarios.
Saludos
Dardo Leguizamon
Hola Dardo, espero que estés bien!
La diferencia es que type="submit" envía un formulario en el que se inserta este botón; mientras que type="button" no tiene acción por defecto. A través de JavaScript puede interceptar el evento de envío si, por ejemplo, desea validar los datos ingresados en el formulario. ¡Para cualquier duda, estoy disponible! Nos alegra mucho tu entusiamo, te deseamos exito en esta nueva aventura, que puedas sacar el maximo provecho! ¡Vamos juntos! ¡No desanimes! :)
Hola!
Desde un punto de vista funcional no hay diferencia, ambos enviarán el formulario de la misma forma. De acuerdo con la especificación, si el atributo type
está ausente en la etiqueta <button>
, se enviará el comportamiento predeterminado.
La diferencia está en la declaración de las etiquetas y en el área visual.
La etiqueta <input>
contiene un atributo de valor de value
que se muestra y, por lo general, no se cierra ni se autocierra. Ejemplo:
<input type="submit" valor="Enviar" />
Tenga en cuenta que el valor del <input>
que se envía al servidor siempre es el mismo que el texto que se muestra en el botón, acoplando la parte visual con una implementación que depende de ese valor. No es una buena práctica, y como alternativa se utilizaron botones con imágenes.
Por otro lado, <button>
tiene un contenido entre la etiqueta de apertura y cierre, siendo más flexible que la etiqueta tradicional, permitiendo, por ejemplo, imágenes y estilos más visuales. Ejemplo:
button type="submit" name="myButton" value="foo">Click me</button>
Te dejo la documentacion del
Un saludo!
Gracias Rafaela Rocha y Mariana Spinola Federico por sus aportes!!