Scribd
Upload
21 views2 pages

Crear La Tabla de Formulario

This document contains code to create two database tables - a logins table with email and password fields and a registros (registrations) table with name, email, password, and timestamp fields. It also contains HTML and CSS code to build a registration form with fields for name, email, and password that submits to the same PHP page.

Uploaded by

Fernando Wilches
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
21 views2 pages

Crear La Tabla de Formulario

This document contains code to create two database tables - a logins table with email and password fields and a registros (registrations) table with name, email, password, and timestamp fields. It also contains HTML and CSS code to build a registration form with fields for name, email, and password that submits to the same PHP page.

Uploaded by

Fernando Wilches
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

// Crear la tabla de formulario

/* $sql = "CREATE TABLE EXISTS logins (


id INT(11) AUTO_INCREMENT PRIMARY KEY,
Correo VARCHAR(100) NOT NULL,
Contraseña VARCHAR(100) NOT NULL,
)";

//Crear la tabla de registros


$sql = "CREATE TABLE EXISTS Registros (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
Nombre VARCHAR(100) NOT NULL,
Correo VARCHAR(100) NOT NULL,
Contraseña VARCHAR(100) NOT NULL,
fecha TIMESTAMP
)"; */

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="Estilos/style-login.css">
<link rel="stylesheet" href="bootsrap/css/.">
<link href="https://fonts.googleapis.com/css2?
family=Montserrat:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.js"></script>
<link rel="stylesheet" href="dessign.css">
<link rel="stylesheet" href="bootsrap/css/bootstrap.min.css">
<script src="bootsrap/js/bootstrap.min.js"></script>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
crossorigin="anonymous">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-
HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"crossorigin="anony
mous"></script>

</head>
<body>
<section class="vh-100" style="background-color: #ffff;">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-
100">
<div class="col col-xl-10">
<div class="card" style="border-radius: 1rem;">
<div class="row g-0">
<div class="col-md-6 col-lg-5 d-flex justify-content-
center align-items-center">
<img src="/img/img/IMG_20230324_095456.jpg"
alt="login form" class="img-fluid" style="border-
radius: 1rem;" />
</div>
<div class="col-md-6 col-lg-7">
<div class="card-body p-4 p-lg-5 text-black">
<form action="<?php echo
htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post">
<div class="d-flex align-items-center mb-3
pb-1">
<img src="/img/logo.png" alt="logo"
style="height: 110px;">
</div>
<h5 class="fw-normal mb-3 pb-3"
style="letter-spacing: 1px;">Registrate</h5>
<div class="form-outline mb-4">
<input type="text" name="Nombre"
id="Nombre" class="form-control form-control-lg" />
<label
class="form-label">Nombre</label>
</div>
<div class="form-outline mb-4">
<input type="email" id="Correo"
name="Correo" class="form-control form-control-lg" />
<label
class="form-label">Correo</label>
</div>
<div class="form-outline mb-4">
<input type="password"
name="Contraseña" id="Contraseña" class="form-control form-control-lg" />
<label
class="form-label">Contraseña</label>
</div>
<div class="pt-1 mb-4">
<!-- Corrige el tipo de botón y agrega
un atributo "name" -->
<button class="btn btn-dark btn-lg btn-
block" type="submit" name="submit">Registrarse</button>
</div>

You might also like