Отображение формы с помощью PHP: руководство с примерами

Дополнительные расширенные примеры

Пример 1: Форма с сохранением состояния и подсветкой ошибок

<?php
session_start();
$errors = $_SESSION['form_errors'] ?? [];
$data = $_SESSION['form_data'] ?? [];
unset($_SESSION['form_errors'], $_SESSION['form_data']);
?>
<form method="post" action="handler.php">
    <label>Имя:
        <input type="text" name="name" value="<?= htmlspecialchars($data['name'] ?? '', ENT_QUOTES) ?>"
               class="<?= isset($errors['name']) ? 'error-border' : '' ?>">
        <span class="error-message"><?= $errors['name'] ?? '' ?></span>
    </label>
    <label>Email:
        <input type="email" name="email" value="<?= htmlspecialchars($data['email'] ?? '', ENT_QUOTES) ?>">
        <span class="error-message"><?= $errors['email'] ?? '' ?></span>
    </label>
    <button type="submit">Отправить</button>
</form>

Форма отображается с данными, введёнными ранее, и с подсвеченными полями, если валидация не прошла.

Пояснение: Используется сессия для передачи данных и ошибок между страницами. Это реализует шаблон PRG: после POST-запроса скрипт-обработчик сохраняет ошибки в сессию и выполняет редирект. Затем форма читает данные из сессии и отображает их.

Пример 2: Генерация формы с помощью рекурсивной функции для вложенных полей

<?php
function renderField($name, $config, $value = '') {
    $html = '';
    switch ($config['type']) {
        case 'text':
            $html .= "<input type='text' name='$name' value='" . htmlspecialchars($value) . "'>";
            break;
        case 'select':
            $html .= "<select name='$name'>";
            foreach ($config['options'] as $key => $label) {
                $selected = ($key == $value) ? ' selected' : '';
                $html .= "<option value='$key'$selected>$label</option>";
            }
            $html .= "</select>";
            break;
        case 'group':
            $html .= "<fieldset>";
            foreach ($config['fields'] as $subname => $subconfig) {
                $fullName = $name . '[' . $subname . ']';
                $html .= "<label>$subconfig[label]: " . renderField($fullName, $subconfig, $value[$subname] ?? '') . "</label><br>";
            }
            $html .= "</fieldset>";
            break;
    }
    return $html;
}

$fieldsConfig = [
    'name' => ['type' => 'text', 'label' => 'Имя'],
    'address' => ['type' => 'group', 'label' => 'Адрес', 'fields' => [
        'city' => ['type' => 'text', 'label' => 'Город'],
        'country' => ['type' => 'select', 'label' => 'Страна', 'options' => ['ru' => 'Россия', 'by' => 'Беларусь']]
    ]]
];
echo "<form method='post'>";
foreach ($fieldsConfig as $name => $config) {
    echo "<label>{$config['label']}: " . renderField($name, $config) . "</label><br>";
}
echo "</form>";
?>

Выводится форма с полем "Имя", группой "Адрес" (два текстовых поля) и выпадающим списком для страны.

Пояснение: Функция renderField обрабатывает вложенные конфигурации и рекурсивно строит HTML. Это позволяет описать сложную структуру данных одной компактной логикой. Возможная проблема - потеря значений при ошибках: нужно передавать текущие $value рекурсивно.

Пример 3: Форма с нестандартными элементами (чтобы показать гибкость)

<?php
function renderFileUpload($name) {
    return "<input type='file' name='$name' accept='image/*'>";
}

function renderTextarea($name, $value) {
    return "<textarea name='$name' rows='4'>" . htmlspecialchars($value) . "</textarea>";
}

$form = "<form method='post' enctype='multipart/form-data'>
    <label>Описание:<br>" . renderTextarea('description', $_POST['description'] ?? '') . "</label><br>
    <label>Аватар:<br>" . renderFileUpload('avatar') . "</label><br>
    <label>Пол:
        <input type='radio' name='gender' value='male'> Мужской
        <input type='radio' name='gender' value='female'> Женский
    </label><br>
    <label>Согласие:
        <input type='checkbox' name='agree' value='1'> Я согласен
    </label><br>
    <button type='submit'>Отправить</button>
</form>";
echo $form;
?>

Форма содержит textarea, загрузку файла, радиокнопки и чекбокс.

Пояснение: Каждый тип поля можно обернуть в отдельную функцию для единообразного вызова. При работе с файлами не забывайте устанавливать enctype='multipart/form-data'. Ошибка: попытка получить значение чекбокса до его отправки - если не отмечен, переменная не будет передана. Проверяйте через isset($_POST['agree']).

Пример 4: Форма с использованием шаблонизатора Twig и сохранением данных в сессии

<!-- templates/form.twig -->
<form method="post" action="/submit">
    <label>Имя: <input type="text" name="name" value="{{ data.name|e }}"></label>
    <span class="error">{{ errors.name }}</span>
    <button>Отправить</button>
</form>

<?php
// index.php
require 'vendor/autoload.php';

$loader = new \Twig\Loader\FilesystemLoader('templates');
$twig = new \Twig\Environment($loader);

session_start();
$errors = $_SESSION['errors'] ?? [];
$data = $_SESSION['data'] ?? [];
unset($_SESSION['errors'], $_SESSION['data']);

echo $twig->render('form.twig', [
    'data' => $data,
    'errors' => $errors
]);
?>

Форма отображается с предыдущими значениями и ошибками, если они есть.

Пояснение: Twig автоматически экранирует вывод через |e. Сессия используется для временного хранения данных между редиректами. Этот подход сочетает безопасность, читаемость и удобство поддержки.