Interacción del Método POST en PHP

Una guía didáctica e interactiva para entender el viaje de los datos en la arquitectura Cliente-Servidor.

📁 index.html

<form action="procesar.php" method="POST">
  <label id="lblnombre">Nombre:</label>
  <input type="text" id="txtnombre" name="txtnombre">

  <label id="lblphone">Teléfono:</label>
  <input type="tel" id="txtphone" name="txtphone">

  <label id="lblemail">Correo:</label>
  <input type="email" id="txtemail" name="txtemail">

  <button type="submit" id="btnenviar">Enviar</button>
</form>

📁 procesar.php

<?php
// Recibe los datos y los muestra formateados
$nombre = $_POST['txtnombre'];
$telefono = $_POST['txtphone'];
$email = $_POST['txtemail'];
echo "Nombre: " . $nombre;
echo "Teléfono: " . $telefono;
echo "Correo: " . $email;
?>

El Viaje de los Datos (Explicación Gráfica)

Al interactuar con los dos archivos anteriores, cuando haces clic en el botón #btnenviar, los campos se empaquetan y se suben al camión HTTP. Observa detalladamente el mapa de abajo para entender cómo viajan protegidos hasta guardarse en el estante de PHP:

Camión HTTP