Сайт в разработке Наполняем разделы и правим ошибки — что-то может выглядеть или работать не так. Если заметили — позвоните или напишите.

Формы в HTML

Как устроена форма, зачем нужны label, name, method и понятная кнопка отправки.

Форма собирает данные посетителя: заявку, сообщение, запрос на расчёт или подписку. HTML отвечает за структуру формы, а сервер — за приём и проверку данных.

Минимальная форма

<form action="/send/" method="post">
  <label for="name">Ваше имя</label>
  <input id="name" name="name" autocomplete="name" required>

  <label for="message">Задача</label>
  <textarea id="message" name="message" rows="5"></textarea>

  <button type="submit">Отправить заявку</button>
</form>

action указывает адрес обработчика, method="post" отправляет данные в теле запроса, а name определяет имя значения на сервере. Подпись label связана с полем через for и id.

Проверка и согласия

required помогает не отправить пустое обязательное поле, но сервер всё равно должен проверять каждый параметр. Для согласия используйте чекбокс с ясной формулировкой и ссылкой на нужный документ.

Читайте также: типы input, доступные формы, калькулятор на сайте.

Другие термины

A/B-тест — база знаний

Двум группам посетителей показывают разные варианты страницы и сравнивают результат.

API — база знаний

Способ, которым одна программа обращается к другой. Через него сайт узнаёт остатки на складе или считает стоимость доставки.

Core Web Vitals — база знаний

Набор измеримых показателей скорости и удобства: как быстро появляется содержимое, как скоро страница отвечает на нажатие, не прыгает ли вёрстка.

robots.txt и sitemap.xml — база знаний

Первый говорит поисковым роботам, что не индексировать. Второй — список всех страниц, которые индексировать нужно.

SSL-сертификат — база знаний

Шифрует данные между посетителем и сайтом. Без него браузер помечает страницу как небезопасную, а формы — как опасные для заполнения.

WebP — база знаний

Формат изображений, который весит в разы меньше JPEG и PNG при том же качестве.

Заявка

Расскажите о проекте

Свяжемся в течение рабочего дня, зададим уточняющие вопросы и предложим варианты. Без навязчивых звонков.

Форма обратной связи

Отвечаем в рабочие дни с 10:00 до 19:00

Написать в Telegram