помоги сделать

Привет! Давай разбираться по шагам с твоей задачей.

Итак, тебе нужно создать форму заказа на сайте, в которой есть следующие элементы:

1. Поле для ввода имени.
2. Поле для ввода телефона.
3. Поле для комментария.

Также необходимо добавить к этим полям псевдокласс :focus, чтобы при клике на поле оно меняло свой стиль.

Давай сделаем так:

1. Создадим HTML-структуру формы с указанными полями (input для имени и телефона, textarea для комментария).
2. Добавим необходимые атрибуты для полей (например type="text" для имени и type="tel" для телефона).
3. В CSS определим стиль для псевдокласса :focus (например, изменение цвета фона или рамки поля).

Примерный код HTML:

<form action="submit_form.php" method="post">
    <label for="name">Имя:</label>
    <input type="text" id="name" name="name">
    <br>
    <label for="phone">Телефон:</label>
    <input type="tel" id="phone" name="phone">
    <br>
    <label for="comment">Комментарий:</label>
    <textarea id="comment" name="comment"></textarea>
    <br>
    <input type="submit" value="Отправить">
</form>

Примерный код CSS:

input:focus, textarea:focus {
    background-color: lightyellow; /* Или другой цвет, который тебе нравится */
    /* Можешь добавить другие стили, например, рамку: */
    /* border: 1px solid #000; */
}

Теперь, когда ты нажимаешь на любое из полей, их стиль изменится в соответствии с тем, что ты задал для :focus. Не забудь прописать пути к файлам стилей и скриптов, если они у тебя в отдельных файлах.

Теперь оформи и прикрепи файл с HTML и встроенным CSS в качестве ответа на задание.

Если что-то непонятно, спрашивай. Удачи с задачей!