index.html

<div class="row">
<div class="col-md-12">
    <!-- Форма ввода данных -->
    <form method="post" id="send_form">
    <div class="row">
    <div class="col-md-6 textinput">
        <p>Имя<span>*</span></p>
        <input type="text" name="name" id="name">
    </div>

send.php

<?php
$name = "не определено";
$email = "не определен";
$msg = "не определен";
if(isset($_POST["name"])) {
    $name = $_POST["name"];
}
if(isset($_POST["email"])) {
    $email = $_POST["email"];
}
if(isset($_POST["msg"])) {
    $msg = $_POST["msg"];
}
$name = trim(urldecode(htmlspecialchars($name)));
$email = trim(urldecode (htmlspecialchars($email)));
$msg = trim(urldecode (htmlspecialchars($msg)));

if (mail("Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript.", "Новый запрос на создание сайта",
"<h1>На вашем сайте была составлена заявка<h/h1>
<br>от: ".$name."
<br>e-mail: ".$email."
<br>пользователь оставил комментарий ".$msg."
<br>Поздравляю с новой заявкой!",
"From: 1c-webdevelopment.ru\r\n". "Content-type: text/html\r\n"))
{
    // Отправка произошла успешно
    echo '{"status": "ok"}';
} else {
    // Отправка не состоялась
    echo '{"status": "error"}';
}

?>

script.js

if ($('#name').val() != '' && $('#email').val() != '') {
    fetch('send.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        body: $("#send_form").serialize(),
    })
    .then((response) => response.json())
    .then((data) => {
        if (data.status === 'ok') {
            $("#send_form").addClass("send_success");
            setTimeout(() => $("#send_form").removeClass("send_success"), 4000);
        }
        if (data.status === 'error') {
            $("#send_form").addClass("send_fail");
            setTimeout(() => $("#send_form").removeClass("send_fail "), 4000);
        }
    })
} else {
    alert("Заполните обязательные поля!");
}

style.css

.send_success {
    padding: 2%;
    box-shadow: 0 0 10px rgba(1, 255, 1, 0.3);
    border: 2px solid rgba(1, 255, 1, 0.3);
}

.send_fail {
    padding: 2%;
    box-shadow: 0 0 10px rgba(255, 1, 1, 0.3);
    border: 2px solid rgba(255, 1, 1, 0.3);
}

#send_form{
    transition: all 1s ease-out;
}

http://ulspo.beget.tech/send.php?email=Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript.&name="ALX"&msg=message_from_php

Отправка форм send.php