🔹 Paso 1: Crear el formulario en HTML

Ejemplo sencillo:

<!DOCTYPE html> <html> <head> <title>Formulario de Registro</title> </head> <body> <h2>Registro</h2> <form action="procesar.php" method="post"> Nombre: <input type="text" name="nombre" required><br><br> Email: <input type="email" name="email" required><br><br> <input type="submit" value="Enviar"> </form> </body> </html>

👉 Observa que el action="procesar.php" envía los datos a un archivo PHP que manejará la conexión a la base de datos.

🔹 Paso 2: Crear la base de datos en XAMPP

  1. Abre http://localhost/phpmyadmin.

  2. Crea una base de datos, por ejemplo: formulario_db.

  3. Crea una tabla llamada usuarios:

CREATE TABLE usuarios ( id INT AUTO_INCREMENT PRIMARY KEY, nombre VARCHAR(100) NOT NULL, email VARCHAR(100) NOT NULL );

🔹 Paso 3: Archivo PHP para conectar e insertar datos

Crea un archivo llamado procesar.php en la misma carpeta donde está tu formulario HTML.

<?php // Datos de conexión $servername = "localhost"; $username = "root"; // por defecto en XAMPP $password = ""; // contraseña vacía por defecto $dbname = "formulario_db"; // Crear conexión $conn = new mysqli($servername, $username, $password, $dbname); // Revisar conexión if ($conn->connect_error) { die("Conexión fallida: " . $conn->connect_error); } // Recibir datos del formulario $nombre = $_POST['nombre']; $email = $_POST['email']; // Insertar en la base de datos $sql = "INSERT INTO usuarios (nombre, email) VALUES ('$nombre', '$email')"; if ($conn->query($sql) === TRUE) { echo "Registro guardado correctamente"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } $conn->close(); ?>

🔹 Paso 4: Probar

  1. Guarda los archivos en la carpeta htdocs de XAMPP (ejemplo: C:\xampp\htdocs\formulario).

  2. Enciende Apache y MySQL desde el panel de XAMPP.

  3. Abre en tu navegador:
    👉 http://localhost/formulario/index.html

  4. Rellena el formulario y al enviarlo los datos se guardarán en MySQL.

Innovación

Publicidad inteligente basada en datos estratégicos.

Estrategia

Creatividad

atencion@estrategik.net

+52-322-246-9870

estrategik.net © 2025. All rights reserved.