iOS/Mobile Safari ändern Typattribut basierend auf der Etikett?

Question

Ich konnte keine Dokumentation oder andere Berichte dazu über Google finden.

Auf mobiler Safari (in mindestens iOS6+7) habe ich ein Formular mit mehreren enthalten <input>s mit type = "text". Einige dieser Felder sind für die E -Mail -Adresse und die Telefonnummer des Benutzers gelten und werden angemessen gekennzeichnet. Soweit ich das sagen kann, ändert mobile Safari diese <input>s, um ihnen ein "Typ" -attribut zu geben, das für das Etikett angemessen berücksichtigt wird - z. B. wird das Feld "E -Mail" angegeben. "). Für das E -Mail -Feld stellt dies keine Probleme auf, aber das Feld Telefonnummer kann den Standardwert nicht rendern, da es für ein Feld "Nummer" nicht im richtigen Format liegt (die Nummer wird mit Leerzeichen angezeigt). Bisher habe ich kein JavaScript gefunden, das dies möglicherweise verursacht.

Ich könnte dieses Geschehen verstehen, wenn das Attribut "Typ" vollständig weggelassen wird, aber ich habe doppelt überprüft, dass diese Felder definitiv mit Typ = "Text" rendern, und ich habe bestätigt, dass alle großen Desktop-Browser die Felder korrekt machen. Ich glaube sogar nicht, dass es ein Problem wäre, wenn das Telefonfeld in Typ = "Tel" geändert würde, da ich nicht der Meinung bin, dass dieser Typ irgendwelche Formatbeschränkungen hat.

Ich teste über iOS über den iOS -Simulator von Xcode gepaart mit dem Webinspektor von Safari. Hier ist ein Screenshot des Feldes mit dem Etikett "Handy" im Webinspektor:

Und als Referenz hier ist, wie dieses Feld rendert (beachten Sie, dass kein Wert erzielt wird):

Hat noch jemand damit begegnet?

Aktualisieren: Diese jsfiddle Funktioniert gut in iOS, was darauf hinweist, dass es sich eher um ein JavaScript -Problem als ein Webkit handeln könnte, obwohl ich bisher kein JavaScript entdecken konnte, das dies verursachen könnte.

Answer 1

Verwenden Sie einen JavaScript -Code zusammen mit Ihrem HTML, Dinge wie JQuery/JQuery UI können Felder aktualisieren, wenn sie als bestimmte Typen festgelegt werden. Haben Sie versucht, JavaScript in Ihrer Webansicht/in Ihrem Browser zu deaktivieren, um sie zu überprüfen?