Código de formulario de ingresar datos por medio de mysqli con bootstrap

Este código sirve para ingresar datos por medio de mysqli con boostrap

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario de Registro</title>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="bootestilo.css"> <!-- Enlace a tu CSS personalizado -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</head>
<body class="bg-dark text-light">
    <div class="container">
        <div class="main">
            <div class="main-center">
                <h5>Formulario.</h5>
                <form action="bootsnipp.php" method="POST">
                    <div class="form-group">
                        <label for="nombre">Nombre:</label>
                        <input type="text" class="form-control" id="nombre" name="nombre" required placeholder="Ingresa tu nombre">
                    </div>
                    <div class="form-group">
                        <label for="correo">Correo:</label>
                        <input type="email" class="form-control" id="correo" name="correo" required placeholder="Ingresa tu correo">
                    </div>
                    <div class="form-group">
                        <label for="edad">Edad:</label>
                        <input type="number" class="form-control" id="edad" name="edad" required min="1" placeholder="Ingresa tu edad">
                    </div>
                    <button type="submit" name="submit" class="btn btn-primary">Registrar</button>
                </form>
            </div><!-- main-center -->
        </div><!-- main -->
    </div><!-- container -->

    <?php
    // Incluir archivos de conexión y función 
    include 'conexion.php';
    include 'insertar.php';

    // Verificar si se ha enviado el formulario
    if(isset($_POST['submit'])){
        // Captura los datos del formulario
        $nombre = $_POST['nombre'];
        $correo = $_POST['correo'];
        $edad = $_POST['edad'];

        // Insertar los datos
        insertarDatos($nombre, $correo, $edad, $conn);

        // Cerrar la conexión
        $conn->close();
        exit();


        header("Location: bootsnipp.php"); 
    }
    ?>
</body>
</html>

/* styles.css */
.main {
    padding: 40px 0;
}
.main-center {
    margin-top: 30px;
    padding: 10px 40px;
    background: #009edf;
    color: #FFF;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.31);
}

<?php


//insertar.php
function insertarDatos($nombre, $correo, $edad, $conn){
    $sql = "INSERT INTO usuarios (nombre, correo, edad) VALUES (?,?,?)";
    $stmt = $conn -> prepare($sql);
    
    if($stmt){
        $stmt -> bind_param("ssi", $nombre, $correo, $edad);// "s" para saber el tipo de dato
        if($stmt->execute()) {
            echo "Datos insertados correctamente.";
        }else{
            echo "Error al insertar datos: ".$stmt->error;
        }
        $stmt->close();
    }else {
        echo "Error en la preparación de la consulta: ". $conn->error;
    }

}



?>

<?php

//conexion.php
$host = "localhost";
$user  = "root";
$password = "";
$dbname = "db_uadec";

$conn = new mysqli($host, $user, $password, $dbname);

//verificar conexion
if($conn->connect_error){
    die("Conexion fallida: ". $conn->connect_error);
}else{
    echo 'Hola si funciona';
}

?>

Código de formulario de ingresar datos por medio de mysqli con bootstrap

Deja un comentario Cancelar respuesta