Атрибут inputmode используется для указания браузеру, какой тип ввода ожидается для текстовых полей формы.

Различные языки и скрипты имеют свои собственные правила для ввода текста, и некоторые символы могут быть трудными для пользователей, которые используют клавиатуру на другом языке. Атрибут inputmode позволяет указать браузеру, какой тип ввода ожидается, и может помочь оптимизировать ввод текста для пользователей.

Атрибут inputmode может принимать следующие значения:

  • none: указывает, что для данного поля не предусмотрен ввод текста.
  • text: указывает, что для поля предусмотрен ввод обычного текста.
  • tel: указывает, что для поля предусмотрен ввод телефонного номера.
  • url: указывает, что для поля предусмотрен ввод URL-адреса.
  • email: указывает, что для поля предусмотрен ввод электронной почты.
  • numeric: указывает, что для поля предусмотрен ввод чисел.
  • decimal: указывает, что для поля предусмотрен ввод десятичных чисел.
  • search: указывает, что для поля предусмотрен ввод текста для поиска.
  • password: указывает, что для поля предусмотрен ввод пароля.
  • datetime: указывает, что для поля предусмотрен ввод даты и времени.
  • date: указывает, что для поля предусмотрен ввод даты.
  • time: указывает, что для поля предусмотрен ввод времени.
  • month: указывает, что для поля предусмотрен ввод месяца.
  • week: указывает, что для поля предусмотрен ввод недели.

Например, следующий код использует атрибут inputmode для указания браузеру, что для поля ввода номера телефона должен использоваться ввод телефонного номера:

<label for="phone">Телефон:</label>
<input type="tel" id="phone" name="phone" inputmode="tel">

Использование атрибута inputmode может помочь оптимизировать ввод текста и улучшить пользовательский опыт, особенно для пользователей, которые используют клавиатуру на другом языке или устройства с ограниченными возможностями ввода.


Назад