質問

Googleを通じてこれに関するドキュメントやその他のレポートを見つけることができませんでした。

モバイルサファリ(少なくともiOS6+7)には、いくつかを含むフォームがあります <input>s ityp = "text"でs。これらのフィールドのいくつかは、ユーザーのメールアドレスと電話番号用であり、適切にラベル付けされています。私が伝えることができる限り、モバイルサファリはそれらを変えています <input>sラベルに適切と見なす「タイプ」属性を与えるために - たとえば、電子メールフィールドにはtype = "email"が与えられ、電話番号フィールドにはtype = "number"が与えられます(奇妙なことに、type = "tel ")。電子メールフィールドの場合、これは問題ありませんが、電話番号フィールドは「番号」フィールドの正しい形式ではないため、デフォルト値のレンダリングに失敗します(番号にはスペースが表示されます)。これまでのところ、これを引き起こしている可能性のあるJavaScriptを見つけていません。

「タイプ」属性が完全に省略されているときにこれが起こることを理解できましたが、これらのフィールドは間違いなくType = "Text"でレンダリングされていることを再確認し、すべての主要なデスクトップブラウザーがフィールドを正しくレンダリングしていることを確認しました。電話フィールドがタイプ= "Tel"に変更された場合、それは問題になるとは思わない。

XcodeのiOSシミュレーターを介してiOSでSafariのWebインスペクターを組み合わせてテストしています。これは、Web Inspectorの「携帯電話」というラベルを備えたフィールドのスクリーンショットです。

Phone field in Safari web inspector

そして、参照のために、そのフィールドがどのようにレンダリングされているか(値がレンダリングされていないことに注意してください):

enter image description here

他の誰かがこれに遭遇しましたか?

アップデート: このjsfiddle iOSでは正常に動作します。これは、WebKitではなくJavaScriptの問題である可能性があることを示していますが、これを引き起こす可能性のあるJavaScriptを発見することはできませんでした。

役に立ちましたか?

解決

JavaScriptコードをHTMLとともに使用していますか?jQuery/jQuery UIなどのものは、特定のタイプとして設定されたときにフィールドを更新できます。 Webビュー/ブラウザでJavaScriptを無効にしてチェックしてみましたか?

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top