Мәтін өрістері
Барлық дерлік пішіндер пайдаланушылардың атын, электрондық пошта мекенжайын, құпия сөзін, мекенжайын және т.б. енгізу үшін мәтін енгізуін талап етеді. Пішін мәтін өрістері әртүрлі сорттарда болады.
placeholder
Мәтін өрістері кейбір мәтін енгізілген бойда жоғалып кететін анықтамалық мәтінді көрсете алады.
Если вы начинаете набирать что-то, то увидите как текст «Введите своё имя» исчезнет.
Так как элементы формы сами по себе не очень описательны , им, как правило, предшествует текстовая метка .
Email
В то время как placeholder уже обеспечивает некоторую подсказку о том, какое ожидается содержание , метки имеют преимущество оставаясь видимыми в любое время и могут использоваться наряду с другими типами элементов формы, таких как флажки или переключатели.
Хотя вы можете применять короткие абзацы для описания элементов формы, использование является семантически более правильным , потому что они существуют только в формах. также может быть связан с определённым элементом формы с помощью атрибута for, соответствующему значению id у поля.
Имя
При щелчке по метке фокус переходит к текстовому полю и помещает курсор внутрь него. Пока эта связка кажется бесполезной, но пригодится с флажками и переключателями.
Флажки
Флажки — это элементы формы, которые имеют только два состояния: включено или выключено. Они в основном позволяют пользователю сказать: «Да» или «Нет» для чего-то.
Запомнить меня
Поскольку может оказаться сложно щёлкнуть по небольшому флажку, рекомендуется поместить флажок и его описание внутрь .
Я согласен с условиями
Вы можете щёлкнуть по тексту «Я согласен с условиями» чтобы переключить флажок.
По умолчанию флажок выключен. Вы можете пометить его включенным , просто используя атрибут checked.
Использовать мой платёжный адрес
Переключатели
Вы можете предоставить пользователю список вариантов на выбор с помощью переключателей.
Для работы этого элемента формы, ваш HTML-код должен сгруппировать список переключателей вместе. Это достигается с помощью одного и того же значения для атрибута name:
Семейное положение
Холост
Женат
Разведён
Вдовец
Поскольку все переключатели используют одинаковое значение атрибута name (в данном случае значение status), выбор одного из вариантов отменит все остальные. Переключатели являются взаимоисключающими .
Достарыңызбен бөлісу: