Проста форма зворотного зв'язку своїми руками

У цій статті ми розповімо про те, як зробити просту, працюючу форму зворотного зв'язку на PHP.

Насамперед розберемося з файлової структурою, у нас буде головна сторінка index.html. папка зі стилями - css. в якій буде один файл стилів template.css і файл PHP - send.php.

Насамперед створимо розмітку нашої форми у файлі index.html:

Ключовими тут є атрибути action і method у

. перший відповідає за шлях до PHP файлу обробника відправлення листа, а другий за тип передачі в цей обробник даних.

У нашому випадку файл-обробник send.php. який лежить в кореневому каталозі, поруч з index.html. тому і шлях такий.
І ми вибрали метод GET. так само можна вибирати метод POST. просто отримувати дані потім в PHP файлі ви будете по іншому.
для важливий атрибут name, за допомогою його значення потім ми будемо діставати значення в PHP.

Додамо трохи стилів, щоб форма була по центру сторінки:

Тепер залишається тільки написати обробник send.php. який буде відправляти повідомлення на пошту.

Трохи про логіку того, що відбувається. Користувач, потрапивши на сторінку index.html. заповнює поля форми і натискає на кнопку Відправити (В нашому випадку вона буде з текстом "Натисніть, щоб відправити лист"), після чого сторінка переходь до файлу send.php. який буде виконувати, написаний нами скрипт, за його результатами виводити повідомлення про успішну / не успішною відправці.

Там де ми витягуємо дані в змінні - використовується глобальна змінна і значення атрибутів name. відповідних полів.

Результат роботи прикладу можна побачити на демо-сторінці:

Завантажити вихідні прикладу нижче:

Проста форма зворотного зв'язку своїми руками

Схожі статті