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

Тег input в HTML

Какие бывают поля input, как выбрать type, использовать autocomplete и не заменять label плейсхолдером.

Тег input создаёт поле формы. Его тип подсказывает браузеру, какие данные ожидаются, и помогает показать удобную клавиатуру на телефоне.

Распространённые типы

<input type="text" name="name" autocomplete="name">
<input type="email" name="email" autocomplete="email">
<input type="tel" name="phone" autocomplete="tel">
<input type="checkbox" id="privacy" name="privacy" required>
<label for="privacy">Принимаю политику конфиденциальности</label>

Используйте email для почты и tel для телефона, а не универсальный text. Для выбора одного варианта из нескольких подходит radio, для независимого согласия — checkbox.

Подпись важнее placeholder

У каждого поля должна быть видимая label. Плейсхолдер может дать пример формата, но исчезает при вводе и не заменяет название поля. Не используйте type="password" для данных, которые не являются паролем.

Далее: тег form, доступность, защита данных через SSL.

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

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

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

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

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

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

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

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

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

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

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

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

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

Заявка

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

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

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

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

Написать в Telegram