IOS/Mobile Safari Modifica Attributo Tipo in base all'etichetta?

Question

Non sono stato in grado di trovare alcuna documentazione o altri rapporti su questo tramite Google.

Sul safari mobile (in almeno iOS6+7) ho una forma contenente diversi <input>s con type = "text". Un paio di questi campi sono per l'indirizzo e -mail e il numero di telefono dell'utente e sono etichettati in modo appropriato. Per quanto posso dire che il safari mobile li sta cambiando <input>s per dare loro un attributo "type" che considera appropriato all'etichetta - ad esempio il campo e -mail viene fornito type = "email" e il campo numero di telefono viene fornito type = "Numero" (Strangely, non type = "tel "). Per il campo e -mail ciò non pone problemi, ma il campo del numero di telefono non riesce a rendere il valore predefinito perché non è nel formato corretto per un campo "numero" (il numero viene visualizzato con spazi). Finora non ho trovato alcun JavaScript che potrebbe causare questo.

Potrei capire che ciò accade quando l'attributo "Tipo" è completamente omesso, ma ho ricontrollato che questi campi stanno sicuramente rendendo con Type = "Testo" e ho confermato che tutti i principali browser desktop stanno rendendo correttamente i campi. Non credo nemmeno che sarebbe un problema se il campo del telefono fosse cambiato in tipo = "Tel" poiché non credo che quel tipo abbia restrizioni in formato.

Sto testando su iOS tramite il simulatore iOS di Xcode abbinato all'ispettore Web di Safari. Ecco una schermata del campo con l'etichetta "Phone cellulare" in Web Inspector:

E per riferimento ecco come sta rendendo quel campo (si noti che non viene reso nessun valore):

Qualcun altro ha incontrato questo?

Aggiornare: questo jsfiddle Funziona bene in iOS, il che indica che potrebbe essere un problema JavaScript piuttosto che WebKit, anche se finora non sono stato in grado di scoprire alcun JavaScript che potrebbe causare questo.

Answer 1

Stai usando qualsiasi codice JavaScript insieme al tuo HTML, cose come l'interfaccia utente di JQuery/JQuery possono aggiornare i campi quando sono impostati come tipi specifici. Hai provato a disabilitare JavaScript nel tuo Web View/browser per controllare?