Sansan

lang="en" head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content="width=device-width, initial-scale=1.0" title>Document</title

link rel="stylesheet" href="style.css"><!--подключение css--

head body header a href="#" class="Logo">Logo ul> li> a href="#"> О нас /a> /li> li> a href="#"> Каталог /a> /li> li> a href="#"> Корзина /a> /li> li> a href="#"> Заказы /a> /li> li> a href="#"> Где нас найти? /a> /li> a href="index.html#vxod">button hre>Вход/button>/a a href="index.html#register">button hre>Регистрация /button> /ul> /header> section id="NewTovar"> a class="cartochka" href="#"> i > p>товар/p> /a> a class="cartochka" href="#"> i > p>товар/p> /a> a class="cartochka" href="#"> i> p>товар/p> /a> /section> section id="register"> hr class="hr"> form method="POST" action="registr.php"> input type="text" placeholder="Имя" name="name" pattern="[а-яА-ЯёЁ\s-]+" required /> input type="text" placeholder="Фамилия" name="surname" pattern="[а-яА-ЯёЁ\s-]+" required /> input type="text" placeholder="Отчество" name="patronymic" pattern="[а-яА-ЯёЁ\s-]+" /> input type="text" placeholder="Логин" name="login" pattern="[a-zA-Z0-9-]+" required /> input type="email" placeholder="Email" name="email" required /> input type="password" placeholder="Пароль" name="password" pattern=".{6,}" required /> input type="password" placeholder="Повтор пароля" name="password_repeat" required /> button class="btn btn-success" type="submit">Зарегистрироваться/button> /form> /section> section id="vxod"> hr class="hr"> form method="POST" action="auth.php"> input type="text" placeholder="Логин" name="login" required /> input type="password" placeholder="Пароль" name="password" required /> button>Войти/button> /form> section>

$name = filter_var(trim($_POST['name']), FILTER_SANITIZE_STRING); $surname = filter_var(trim($_POST['surname']), FILTER_SANITIZE_STRING); $patronymic = filter_var(trim($_POST['patronymic']), FILTER_SANITIZE_STRING); $login = filter_var(trim($_POST['login']), FILTER_SANITIZE_STRING); $email = filter_var(trim($_POST['email']), FILTER_SANITIZE_STRING); $password = filter_var(trim($_POST['password']), FILTER_SANITIZE_STRING); $password_repeat = filter_var(trim($_POST['password_repeat']), FILTER_SANITIZE_STRING);

$mysql = new mysqli('localhost','root','root','phptest'); $result = $mysql->query("SELECT * FROM registr WHERE login='$login' AND password='$password' "); $user = $result->fetch_assoc(); if (count($user) == 0) { echo "Неверный логин или пороль"; exit(); } else{ header('Location: catalog.html'); } exit(); $mysql ->close();

$name = filter_var(trim($_POST['name']), FILTER_SANITIZE_STRING); $surname = filter_var(trim($_POST['surname']), FILTER_SANITIZE_STRING); $patronymic = filter_var(trim($_POST['patronymic']), FILTER_SANITIZE_STRING); $login = filter_var(trim($_POST['login']), FILTER_SANITIZE_STRING); $email = filter_var(trim($_POST['email']), FILTER_SANITIZE_STRING); $password = filter_var(trim($_POST['password']), FILTER_SANITIZE_STRING); $password_repeat = filter_var(trim($_POST['password_repeat']), FILTER_SANITIZE_STRING); $mysql = new mysqli('localhost','root','root','phptest'); $mysql->query("INSERT INTO registr (name, surname, patronymic,login,email,password,password_repeat) VALUES('$name', '$surname','$patronymic','$login','$email','$password','$password_repeat')"); $mysql ->close(); header('Location: /');

{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Open sans', sans-serif; } a { text-decoration: none; } header { position: fixed; left: 0; top: 0; padding: 20px 100px; width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 10000; background-color: #d0fd7d; backdrop-filter: blur(20px); } ul { position: relative; display: flex; gap: 40px; align-items: center; justify-content: center; } ul li { list-style: none; } ul li a { color: black; font-size: 1.25em; } .Logo { position: relative; color: black; font-size: 2em; } body { background: #e2e2e2; } section { position: relative; margin: 0 auto; max-width: 1160px; padding: 60px 100px 0px 100px; background-color: #8f8f8f; } .hr { margin: 20px 0px; background: #000; height: 2px; border: none; } #NewTovar .cartochka i { width: 200px; height: 200px; padding: 10px; } #NewTovar { display: flex; justify-content: center; gap: 40px; min-height: 40vh; padding-top: 120px; } #NewTovar .cartochka { background-color: #d0fd7d ; width: 250px; height: 300px; display: flex; justify-content: center; align-items: center; flex-direction: column; } #NewTovar .cartochka p { font-size: 2em; color: rgb(0, 0, 0); } button { padding: 13px; border-radius: 25px; cursor: pointer; border: none; color: d0fd7d; background-color: #333; } button:hover { background-color:white; color: #000; } button:active { background-color:#333; color: d0fd7d; } form { width: 60%; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; } input:invalid:not(:placeholder-shown) {border-color: red;} input:valid:not(:placeholder-shown) {border-color: d0fd7d;}

input{ width: 50%; height: 40px; outline: none; margin: 10px 0; transition: .2s; font-size: 14pt; padding-left: 10px; border-radius: 5px; border: solid 1px black; } #vxod { padding-bottom: 100px; }