Как отменить стандартную подстановку вариантов в поле input в мобильном браузере?

Question

[Артём Новолодский]

На странице есть поле для ввода даты. Там используется jquery datepicker. На десктопе всё ОК, а в мобильном браузере при нажатии на мгновение открывается календарь datepicker, и его перекрывает подстановка вариантов ввода из браузера (возможно это ранее вводимые значения в это поле). Плюс снизу появляется клавиатура, хотя там она не нужна.

С помощью чего можно обойти эти проблемы?

Answer 1

[Urvin]

<input type="text" autocomplete="off" readonly="true" name="date">

Comments

[Алексей Уколов]

Разве атрибут readonly не помешает вводить значения?

[Urvin]

Алексей Уколов: В условии есть два пункта: "datepicker" и "клавиатура не нужна". Что-то не так?

[Алексей Уколов]

Datepicker вполне может быть умным и игнорировать нередактируемые инпуты. А DOM может вообще не записывать значения в такие узлы. В общем, надо тестировать.

[Urvin]

Александр А: Если человек «в мобилке» использует нестандартный datepicker, значит есть причины, вынуждающие подсесть на js. Очевидно, что в отстутствие js не будет работать и прочая бизнес-логика.

[Urvin]

Александр А: Например:
— хитрый формат даты;
— диапазон.

[Артём Новолодский]

Спасибо! Такой вариант работает