Выбор типа клавиатуры для заполнения input-ов на мобильных устройствах

Выбор типа клавиатуры для заполнения input-ов на мобильных устройствах

Почти на каждом сайте бывают какие-либо формы. И периодически их нужно бывает заполнять. Лично я ненавижу это делать, особенно с телефона. Недавно узнал, что пользователю можно чуть облегчить жизнь, подставив нужную клавиатуру.

Всё что нужно сделать — это добавить пару параметров в тег поля:

Поле e-mail
Отключаем автокоррекцию, автоматическое увеличение первой буквы, добавляем значок собачки на клавиатуру, чтобы пользователю не нужно было переключать клавиатуру в меню символов.

Поле телефона
Меняем стандартную клавиатуру на телефонную.

Цифровое поле
Заменяем стандартную клавиатуру на цифровую.

Поле ввода даты
Выводим календарь.

Поля ввода адреса
Выключаем автокоррекцию и включаем возможность автозаполнения из сохранённых в браузере адресов.

Посмотреть разницу можно на тестовой странице.

comments powered by HyperComments

Автор

webbeaver

webbeaver

Верстаю, читаю, учусь