Веб-форма для сбора контактных данных посетителей сайта. Реализована как клиентская часть на HTML/CSS/JavaScript с серверной обработкой на PHP. Форма содержит четыре поля ввода: имя (обязательное), телефон (обязательное), email (необязательное) и поле для сообщения. Визуально разделена на два блока - левый с описанием и правый с полями формы, что улучшает пользовательское восприятие.
Техническая реализация:
- Frontend: HTML5 форма с валидацией required полей, CSS-анимации градиентных элементов, JavaScript обработчик отправки через Fetch API
- Backend: PHP скрипт с использованием PHPMailer версии 6+ для отправки писем через SMTP
- Безопасность: Экранирование HTML-тегов через htmlspecialchars.
- Отправка писем: Настройка SMTP параметров (хост smtp.mail.ru, порт 465, шифрование SSL), формирование HTML и текстовой версии письма
- Обработка ошибок: Try-catch блок с записью ошибок в лог-файл mail-error.log, JSON ответы о статусе операции
- Верстка: на Bootstrap 5.3 с колоночной структурой
Комментарии
0