Formularios | Estructura básica | Elementos básicos
Introducción a los elementos HTML básicos que estructuran los formularios.
CASO 1Elementos HTML básicos
Elemento <form>: Engloban nuestro formulario.
Elemento <label>: Sirve para escribir el nombre del campo al que acompaña.
Elemento <input>: Sirve para crear un campo que el usuario completará con un dato.
Elemento <button>: Botón que permite enviar el formulario.
<form>
<label>Nombre</label>
<input>
<button>Enviar formulario</button>
</form>CASO 2Asociar label a un input | Método 1
<form>
<label for="name">Nombre</label>
<input id="name">
<button>Enviar formulario</button>
</form>CASO 3Asociar label a un input | Método 2
No es un método tan óptimo de cara a la asignación de estilos CSS, pero la especificación admite el método.
<form>
<label for="name">Nombre</label>
<input id="name">
<button>Enviar formulario</button>
</form>