СОЗДАНИЕ ФОРМЫ ОТЗЫВА С ИСПОЛЬЗОВАНИЕМ HTML И PHP

Шарифуллин Ильназ Зимфирович
Уфимский университет науки и технологий, Нефтекамский филиал
студент 2 курса, Факультет экономико-математический

Аннотация
В данной статье описывается процесс разработки формы обратной связи (формы отзыва) с использованием HTML и PHP. Форма позволяет пользователю оставить отзыв и указать своё имя, после чего данные отображаются на веб-странице. Подробно рассмотрены этапы создания HTML-структуры формы, обработка данных с помощью PHP, а также обеспечение безопасности при работе с пользовательским вводом. Представленный подход может быть использован в учебных целях, а также применён при разработке интерактивных веб-приложений и сайтов, ориентированных на сбор информации от посетителей.

Ключевые слова: , , , , , , ,


Рубрика: 05.00.00 ТЕХНИЧЕСКИЕ НАУКИ

Библиографическая ссылка на статью:
Шарифуллин И.З. Создание формы отзыва с использованием HTML и PHP // Современные научные исследования и инновации. 2025. № 6 [Электронный ресурс]. URL: https://web.snauka.ru/issues/2025/06/103505 (дата обращения: 02.07.2025).

Научный руководитель: Вильданов Алмаз Нафкатович

к.ф.-м.н., Уфимский университет науки и технологий, Нефтекамский филиал

 

В современном веб-разработке часто возникает необходимость создавать интерактивные формы для сбора информации от пользователей. Одним из распространенных примеров является форма отзыва, которая позволяет пользователям оставить свои комментарии или предложения на сайте. В данной статье мы рассмотрим процесс создания простой формы отзыва с использованием HTML и PHP.

Целью данной статьи является описание шаг-by-шагового процесса создания формы отзыва, которая будет принимать данные от пользователя (отзыв и имя) и выводить их на экран после отправки. Мы также обсудим основные требования к форме и реализацию их с помощью соответствующих технологий.

Необходимо создать форму отзыва, состоящую из:

  1. Текстового поля (textarea) для ввода отзыва.
  2. Поля ввода имени (input).
  3. Кнопки отправки данных.

Требования к форме:

  • Поле для имени должно быть обязательным для заполнения.
  • Поле для отзыва должно иметь подсказку текста.
  • Данные должны отправляться методом POST.
  • После отправки формы должен выводиться отзыв и имя автора.

Шаг 1: Создание HTML-структуры формы

Первым шагом является создание HTML-кода для формы отзыва. Мы будем использовать тег <form> для определения формы, а также элементы <textarea> и <input> для ввода данных.

<!DOCTYPE html>

<html lang=”ru”>

<head>

<meta charset=”UTF-8″>

<title>Форма отзыва</title>

</head>

<body>

<h1>Оставьте свой отзыв</h1>

<form method=”POST” action=”">

<!– Текстовое поле для отзыва –>

<label for=”summary”>Ваш отзыв:</label><br>

<textarea id=”summary” name=”summary” placeholder=”Введите ваш отзыв” required></textarea><br>

<!– Поле ввода имени –>

<label for=”surname”>Ваше имя:</label><br>

<input type=”text” id=”surname” name=”surname” placeholder=”Введите ваше имя” required><br>

<!– Кнопка отправки –>

<button type=”submit”>Отправить</button>

</form>

<!– Место для вывода отзыва –>

<div id=”response”></div>

</body>

</html>

 

Объяснение кода:

  • Тег <form> : Определяет форму с методом отправки данных POST и действием (action), указанным как текущая страница (“”).
  • Тег <textarea> : Используется для ввода многострочного текста. Атрибут placeholder содержит подсказку для пользователя, а required делает это поле обязательным для заполнения.
  • Тег <input> : Используется для ввода имени пользователя. Также имеет атрибуты placeholder и required.
  • Кнопка <button> : Отвечает за отправку данных формы.

 

Шаг 2: Обработка данных с помощью PHP

Для обработки данных, переданных формой, мы используем PHP. После отправки формы данные будут доступны через глобальный массив $_POST. Мы проверим, были ли переданы данные, и если да, то выведем их на экран.

<?php

// Проверяем, были ли отправлены данные формы

if (isset($_POST["surname"]) && isset($_POST["summary"])) {

// Получаем данные из POST-запроса

$name = htmlspecialchars($_POST["surname"]);

$review = htmlspecialchars($_POST["summary"]);

// Выводим отзыв и имя автора

echo “<p>Ваш отзыв: ” . $review . “</p>”;

echo “<p>Автор: ” . $name . “</p>”;

}

?>

Объяснение кода:

  1. Проверка наличия данных : Функция isset() используется для проверки, были ли переданы значения полей surname и summary.
  2. Обработка данных : Функция htmlspecialchars() применяется для экранизации специальных символов в данных, что предотвращает XSS-атаки.
  3. Вывод данных : Если данные были успешно получены, они выводятся на экран в виде сообщения.

Шаг 3: Интеграция PHP в HTML

Чтобы форма работала корректно, необходимо поместить PHP-код непосредственно в HTML-файл. Это можно сделать, сохраняя файл с расширением .php вместо .html.

 

После выполнения всех шагов у нас получится работающая форма отзыва. При отправке данных форма будет проверять, были ли заполнены все обязательные поля, и затем выводить отзыв и имя автора на экран.

В данной статье мы разобрали процесс создания простой формы отзыва с использованием HTML и PHP. Были описаны основные требования к форме и показано, как обрабатывать данные с помощью PHP. Такая форма может быть легко интегрирована в любое веб-приложение для сбора обратной связи от пользователей.


Библиографический список
  1. Применение каскадных таблиц стилей (CSS): [12+] / П. Храмцов, С. Брик, А. Русак, А. Сурин. – 2-е изд., исправ. – Москва: Национальный Открытый Университет «ИНТУИТ», 2016. – 82 с.: ил. – (Основы информационных технологий). – Режим доступа: по подписке. – URL: https://biblioclub.ru/index.php?page=book&id=429258 – Библиогр. в кн. – ISBN 978-5-94774-648-8. – Текст: электронный.
  2. Митчелл, Р. Скрапинг веб-сайтов с помощю Python: руководство / Р.Митчелл; перевод с английского А. В. Груздев. – Москва: ДМК Пресс, 2016. – 280 с. – ISBN 978-5-97060-223-2. – Текст: электронный // Лань: электронно-библиотечная система. – URL: https://e.lanbook.com/book/100903. – Режим доступа: для авториз. пользователей.
  3. Сычев, А.В. Перспективные технологии и языки веб-разработки / А.В. Сычев. – 2-е изд., испр. – Москва: Национальный Открытый Университет «ИНТУИТ», 2016. – 494 с.: ил. – Режим доступа: по подписке. – URL: https://biblioclub.ru/index.php?page=book&id=429078– Текст: электронный.


Все статьи автора «Шарифуллин Ильназ Зимфирович»


© Если вы обнаружили нарушение авторских или смежных прав, пожалуйста, незамедлительно сообщите нам об этом по электронной почте или через форму обратной связи.

Связь с автором (комментарии/рецензии к статье)

Оставить комментарий

Вы должны авторизоваться, чтобы оставить комментарий.

Если Вы еще не зарегистрированы на сайте, то Вам необходимо зарегистрироваться: