Вопрос

Я не смог найти никакой документации или других отчетов по этому поводу через Google.

На мобильном сафари (по крайней мере, в iOS6+7) у меня есть форма, содержащая несколько <input>s с типом = "Текст". Пара из этих полей предназначена для адреса электронной почты пользователя и номера телефона и помечена соответствующим образом. Насколько я могу сказать, что мобильное сафари меняет эти <input>S, чтобы дать им атрибут «типа», который он считает подходящим для метки - например, поле электронной почты дается тип = «Электронная почта», а поле номера телефона дается тип = "номер" (как ни странно, а не type = "Тел "). Для поля электронной почты это не создает проблем, но поле номера телефона не может отображать значение по умолчанию, потому что оно не в правильном формате для поля «номер» (номер отображается с пробелами). До сих пор я не нашел никакого JavaScript, который может вызвать это.

Я мог понять, что это происходит, когда атрибут «типа» полностью опущен, но я дважды проверил, что эти поля определенно отображаются с типом = «текст», и я подтвердил, что все основные браузеры настольных компьютеров правильно отображают поля. Я даже не думаю, что это было бы проблемой, если бы телефонное поле было изменено на type = "tel", так как я не думаю, что этот тип имеет какие -либо ограничения в формате.

Я тестирую на iOS через Xcode iOS -симулятор в паре с веб -инспектором Safari. Вот снимок экрана поля с этикеткой «Мобильный телефон» в веб -инспекторе:

Phone field in Safari web inspector

И для справки, вот как это поле рендеринг (обратите внимание, что значение не отображается):

enter image description here

кто-нибудь еще сталкивался с этим?

Обновлять: это JSfiddle отлично работает в iOS, что указывает на то, что это может быть проблему JavaScript, а не Webkit, хотя до сих пор я не смог обнаружить какой -либо JavaScript, который мог бы это вызвать.

Это было полезно?

Решение

Вы используете какой -либо код JavaScript вместе с HTML, такие вещи, как интерфейс jquery/jQuery, могут обновлять поля, когда они устанавливаются как конкретные типы. Вы пробовали отключить JavaScript в своем веб -просмотре/браузере, чтобы проверить?

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top