Introducción a XAMPP y PHP con Formulario HTML
¿Qué es XAMPP y para qué sirve?
XAMPP es un paquete que instala Apache (servidor web), MySQL (base de datos) y PHP (lenguaje del lado
del servidor),
ideal para desarrollar aplicaciones web dinámicas en tu computadora.
Este documento te enseñará a instalar XAMPP, configurar un formulario HTML y procesar los datos con
PHP.
Instalación y configuración de XAMPP
1. Descarga XAMPP desde https://www.apachefriends.org/index.html
2. Instálalo y ejecútalo.
3. Activa los servicios de Apache y MySQL desde el panel de control de XAMPP.
4. Coloca tus archivos dentro de la carpeta 'htdocs' (por ejemplo: C:\xampp\htdocs\mi_formulario)
Estructura del proyecto
Estructura del proyecto:
mi_formulario/
??? index.html (formulario HTML)
??? procesar.php (archivo PHP que recibe los datos)
Código del formulario HTML
Introducción a XAMPP y PHP con Formulario HTML
Contenido de index.html:
<!DOCTYPE html>
<html>
<head>
<title>Formulario de Inscripción</title>
</head>
<body>
<h2>Formulario de Inscripción a un Curso</h2>
<form action="procesar.php" method="POST">
<label>Nombre:</label><br>
<input type="text" name="nombre" required><br><br>
<label>Email:</label><br>
<input type="email" name="email" required><br><br>
<label>Curso:</label><br>
<select name="curso">
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JavaScript</option>
</select><br><br>
<input type="submit" value="Inscribirse">
Introducción a XAMPP y PHP con Formulario HTML
</form>
</body>
</html>
Código PHP para procesar datos
Contenido de procesar.php:
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$nombre = $_POST["nombre"];
$email = $_POST["email"];
$curso = $_POST["curso"];
echo "<h2>Datos recibidos:</h2>";
echo "Nombre: " . htmlspecialchars($nombre) . "<br>";
echo "Email: " . htmlspecialchars($email) . "<br>";
echo "Curso seleccionado: " . htmlspecialchars($curso);
?>
Cómo ejecutar tu formulario con XAMPP
Cómo ejecutar el formulario:
Introducción a XAMPP y PHP con Formulario HTML
1. Guarda los archivos como index.html y procesar.php dentro de una carpeta en 'htdocs' (ejemplo:
C:\xampp\htdocs\mi_formulario).
2. Abre tu navegador y accede a: http://localhost/mi_formulario/index.html
3. Llena el formulario y presiona "Inscribirse".
4. Verás los datos procesados por PHP.