Почти на каждом сайте бывают какие-либо формы. И периодически их нужно бывает заполнять. Лично я ненавижу это делать, особенно с телефона. Недавно узнал, что пользователю можно чуть облегчить жизнь, подставив нужную клавиатуру.
Всё что нужно сделать — это добавить пару параметров в тег поля:
Поле e-mail
Отключаем автокоррекцию, автоматическое увеличение первой буквы, добавляем значок собачки на клавиатуру, чтобы пользователю не нужно было переключать клавиатуру в меню символов.
<input type="email" autocapitalize="off" autocorrect="off" autocomplete="email">Поле телефона
Меняем стандартную клавиатуру на телефонную.
<input type="tel" autocorrect="off" autocomplete="tel">Цифровое поле
Заменяем стандартную клавиатуру на цифровую.
<input type="number">Поле ввода даты
Выводим календарь.
<input type="date">Поля ввода адреса
Выключаем автокоррекцию и включаем возможность автозаполнения из сохранённых в браузере адресов.
<!-- Для улицы и дома -->
<input type="text" autocorrect="off" autocomplete="address-line1">
<!-- Для города -->
<input type="text" autocorrect="off" autocomplete="address-level2">
<!-- Для области -->
<input type="text" autocorrect="off" autocomplete="address-level1">
<!-- Для индекса -->
<input type="text" pattern="\d*" novalidate autocorrect="off" autocomplete="postal-code">
Поделиться