10. Captura de datos en HTML

Curso HTML5 desde cero — Freimel Jerez

Capturar datos significa obtener la información que el usuario escribe en un formulario para enviarla a un servidor o procesarla con JavaScript.

📌 Atributos clave para capturar datos

• name: Identifica el dato enviado
• value: Valor del campo
• method: Cómo se envían los datos
• action: Dónde se envían

📄 Ejemplo básico de captura

<form action="procesar.php" method="post">
  <input type="text" name="nombre">
  <input type="email" name="correo">
  <button>Enviar</button>
</form>

Cada campo tiene un name. Ese nombre es el que recibe el backend.

📤 GET vs POST

• GET: Los datos viajan en la URL (no seguro)
• POST: Los datos viajan ocultos (recomendado)

<form method="get">   <!-- Visible -->
<form method="post">  <!-- Seguro -->

🧪 Ejemplo completo

<form method="post">

  <label>Nombre</label>
  <input type="text" name="nombre">

  <label>Correo</label>
  <input type="email" name="correo">

  <label>Mensaje</label>
  <textarea name="mensaje"></textarea>

  <button>Enviar</button>

</form>

🎥 Video de la lección

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

✅ Resumen

• Los datos se capturan con atributos name
• POST es el método recomendado
• HTML prepara los datos para el backend

En la siguiente lección aprenderás validaciones HTML5 automáticas.