How to change (style) the "thank you" page in the submit form?

B

Black Mist2022-03-23 09:25:55

PHP

Black Mist, 2022-03-23 09:25:55

I downloaded the form and customized it for myself, but I don’t understand how to style the “thank you” page, or connect a separate page if styling is not possible, please help ... thanks in advance.

<!DOCTYPE html>
<html 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">
    <link rel="stylesheet" href="style.css" type="text/css">
    <title>Form send</title>
</head>

<body>
    <section class="section">
        <form class="form" action="send.php" method="post">

            <div class="form__item">
                <p class="form__title">Тип подключения</p>
                <select class="form__label" name="conect_id">
                    <option value="Интернет">Интернет</option>
                    <option value="Видеонаблюдение">Видеонаблюдение</option>
                    <option value="Телефония">Телефония</option>
                    <option value="Интернет+ТВ Смотрёшка">Интернет+ТВ "Смотрёшка"</option>
                </select>
            </div>
            <div class="form__item">
                <p class="form__title">Ваше имя*</p>
                <input class="form__label" type="text" name="first_name" required placeholder="ФИО">
            </div>
            <div class="form__item">
                <p class="form__title">Адрес*:</p>
                <input class="form__label" type="text" name="adress" required placeholder="Адрес">
            </div>
            <div class="form__item">
                <p class="form__title">Email:</p>
                <input class="form__label" type="text" name="email" placeholder="Ваш E-mail">
            </div>
            <div class="form__item">
                <p class="form__title">Номер телефона*:</p>
                <input class="form__label" type="text" name="phone" required placeholder="+7(___)___-__-__">
            </div>
            <div class="form__item button">
                <input class="form__button" type="submit" name="submit" value="Отправить">
            </div>
        </form>
    </section>

</html>

/* Указываем box sizing*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Убираем внешние отступы */
body, p {
  margin: 0;
}

.section {
    display: flex;
    font-family: sans-serif;
}
.form * {
    outline: none;
}
.form {
    margin: 0 auto;
    width: 375px;
    padding: 15px;
    border-radius: 3px;
    background: linear-gradient(to bottom right, #a0d8ff, #ffffff);
}
.form__item {
    margin: 15px 0 0;
}
.form__item:first-child {
    margin:0;
}
.form__item select, input {
    width: 100%;
    height: 35px;
    padding: 5px;
    border-radius: 3px;
    border: none;
}
.form__label {
    transition: all 0.5s ease 0s;
}
option {
    padding: 5px;
}
.form__label:focus {
    box-shadow: 0 0 10px rgb(133, 133, 133) ;
}
.form__button {
    background-color: #007ed1;
    color: white;
    transition: all 0.2s;
}
.form__button:hover {
    background-color: #00568f;
}
.button {
    margin: 35px 0 0;
    border-radius: 3px;
    transition: all 0.2s;
}
.button:hover {
    box-shadow: 0 1px 5px 0 black;
}
.form__title {
    font-size: 20px;
    padding: 0 0 3px 0;
}

<?php 

if(isset($_POST['submit'])){
/* Устанавливаем e-mail Кому и от Кого будут приходить письма */    
  $to = "[email protected]"; // Здесь нужно написать e-mail, куда будут приходить письма	
    $from = "[email protected]"; // Здесь нужно написать e-mail, от кого будут приходить письма, например [email protected]

/* Указываем переменные, в которые будет записываться информация с формы */
  $conect_id = $_POST['conect_id'];
  $first_name = $_POST['first_name'];
  $adress = $_POST['adress'];
  $email = $_POST['email'];
  $phone = $_POST['phone'];
    $subject = "Форма отправки заявок";//Фиксированная тема письма
  
/* Проверка правильного написания e-mail адреса */
if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/", $email))
{
show_error("<br /> Е-mail адрес не существует");
}
  
/* Переменная, которая будет отправлена на почту со значениями, вводимых в поля */
$mail_to_myemail = "Новая заявка! 
Данные клиента
Тип подключения: $conect_id
Имя отправителя: $first_name 
Адрес: $adress 
E-mail: $email 
Номер телефона: $phone 
";	
  
$headers = "From: $from \r\n";
  
/* Отправка сообщения, с помощью функции mail() */
    mail($to, $subject, $mail_to_myemail, $headers . 'Content-type: text/plain; charset=utf-8');
    echo "Сообщение отправлено. Спасибо Вам " . $first_name . ", мы скоро свяжемся с Вами.";
  echo "<br /><br /><a href='https://grachikoffvillage.ru'>Вернуться на сайт.</a>";
}
?>
<!--Переадресация на главную страницу сайта, через 3 секунды-->
<script language="JavaScript" type="text/javascript">
function changeurl(){eval(self.location="https://grachikoffvillage.ru");}
window.setTimeout("changeurl();",3000);
</script>