HyperText Markup Language Formularios

Formularios | Tipos de botones

Introducción a los elementos HTML básicos que estructuran los formularios.

CASO 1Input tipo botón

El botón no permite enviar el formulario. Este tipo de botón necesita de JavaScript para poder enviar el formulario.

<form>            
    <label for="name">Nombre</label>
    <input id="name">
    <input type="button" value="Enviar">
</form>

CASO 2Botón tipo botón

El botón permite enviar el formulario. Además recarga la página.

<form>            
    <label for="name">Nombre</label>
    <input id="name">
    <button>Enviar</button>
</form>

CASO 3Input tipo submit

El botón permite enviar el formulario. Además recarga la página.

<form>            
    <label for="name">Nombre</label>
    <input id="name">
    <input type="submit" value="Enviar">
</form>