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

Тег 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.

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

<article> в HTML: назначение и пример

HTML-элемент article. Выделяет самостоятельный материал: публикацию, новость или другую часть, которую можно рассматривать отдельно от остальной страницы.

<aside> в HTML: назначение и пример

HTML-элемент aside. Выделяет материал, косвенно связанный с основным содержимым: примечание, справку или блок дополнительных ссылок.

Заявка

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

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

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

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

Написать в Telegram