Это шаблоны:
Контактная форма
Подписка на рассылку
Форма подтверждения
Регистрационная форма
Форма записи на прием
Форма оценки
Форма информации о клиенте
Форма из трех столбцов
Вы можете вставить один из этих шаблонов и добавить те поля, которые считаете нужными, поскольку также добавлены специальные блоки для форм :
Текстовое поле
Поле электронной почты
Поле выбора
телефонное поле
Поле текстовой области
Поле флажка
Поле с группой флажков
Поле даты и времени
Поле даты
поле времени
Числовое поле
Числовое поле с ползунком
Поле с одной группой выбора
Поле пароля
Поле URL-адреса
Каждый тип поля имеет свои настройки. Например, если мы база данных номеров whatsapp в оаэ добавим поле пароля, мы сможем определить такие параметры, как добавление второго текстового поля для подтверждения пользователем пароля, минимальную и максимальную длину, если это обязательное поле, и даже скрыть метку. В других полях вы найдете другие специальные параметры, специфичные для этого типа данных.
ПРИМЕЧАНИЕ. Минималистические формы очень модны . Для удобства использования и доступности необходимо, чтобы каждое поле во всех формах имело связанную с ним метку и в то же время эта метка представляла собой видимый текст, отображаемый рядом с полем во избежание путаницы. Поэтому, пожалуйста, не скрывайте теги в формах вашего сайта.
Для каждого типа поля мы можем определить определенные свойства в свойствах блока.
Чтобы предоставить примеры типов данных , которые необходимо добавить в каждое поле, в HTML определен атрибут заполнителя . С помощью этого плагина заполнители определяются непосредственно путем записи внутри поля, как вы можете видеть на следующем изображении.
ПРИМЕЧАНИЕ. Нет, заполнители не могут заменять метки. Хотя может показаться, что они одинаковы (текст, который вы можете изменить), на семантическом уровне все разные, и, следовательно, неправильное использование может вызвать проблемы с доступностью.