Una guía didáctica e interactiva para entender el viaje de los datos en la arquitectura Cliente-Servidor.
<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>
<?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;
?>
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: