09. Formularios en HTML

Curso HTML5 desde cero — Freimel Jerez

Los formularios permiten capturar información de los usuarios, como nombres, correos, contraseñas, mensajes y más. Son fundamentales para cualquier sitio web interactivo.

📌 Estructura básica de un formulario

<form>
  <label>Nombre:</label>
  <input type="text">

  <button>Enviar</button>
</form>

🧩 Elementos principales

• <form>: Contenedor del formulario
• <label>: Describe el campo
• <input>: Entrada de datos
• <textarea>: Texto largo
• <button>: Acción del formulario

⌨️ Tipos de input más usados

• text – Texto
• email – Correo electrónico
• password – Contraseña
• number – Números
• date – Fecha
• checkbox – Casillas
• radio – Opciones únicas

📄 Ejemplo práctico

<form>
  <label>Nombre</label>
  <input type="text" placeholder="Tu nombre">

  <label>Correo</label>
  <input type="email" placeholder="correo@email.com">

  <label>Mensaje</label>
  <textarea></textarea>

  <button>Enviar</button>
</form>

🎥 Video de la lección

Debes ver el video completo para desbloquear la siguiente lección.

✅ Resumen

• Los formularios permiten capturar datos del usuario
• HTML5 ofrece muchos tipos de input
• Son la base para trabajar con backend

En la siguiente lección aprenderás cómo capturar y procesar datos correctamente.