IOS/Mobile Safari Alterando o atributo Tipo com base no rótulo?

Question

Não consegui encontrar nenhuma documentação ou outros relatórios sobre isso no Google.

No safari móvel (em pelo menos ios6+7), tenho um formulário contendo vários <input>s com tipo = "texto". Alguns desses campos são para o endereço de e -mail e o número de telefone do usuário e são rotulados adequadamente. Tanto quanto posso dizer que o Mobile Safari está mudando aqueles <input>s Para dar a eles um atributo "tipo" que considera apropriado ao rótulo - por exemplo, o campo de email é dado tipo = "email", e o campo Número de telefone é dado tipo = "número" (estranhamente, não tipo = "Tel "). Para o campo de email, isso não apresenta problemas, mas o campo do número de telefone falha em renderizar o valor padrão porque não está no formato correto para um campo "número" (o número é exibido com espaços). Até agora, não encontrei nenhum javascript que possa estar causando isso.

Eu pude entender isso acontecendo quando o atributo "tipo" é totalmente omitido, mas eu verifiquei duas vezes que esses campos estão definitivamente renderizando com tipo = "texto" e confirmei que todos os principais navegadores de mesa estão renderizando os campos corretamente. Eu nem acho que seria um problema se o campo do telefone fosse alterado para tipo = "Tel", pois não acho que esse tipo tenha restrições de formato.

Estou testando no iOS através do simulador iOS do Xcode, emparelhado com o Inspetor da Web do Safari. Aqui está uma captura de tela do campo com a etiqueta "celular" no Web Inspector:

E para referência aqui está como esse campo está renderizando (observe que nenhum valor é renderizado):

Mais alguém encontrou isso?

Atualizar: Este jsfiddle Funciona bem no iOS, o que indica que pode ser uma questão de JavaScript em vez de Webkit, embora até agora eu não tenha sido incapaz de descobrir nenhum JavaScript que possa estar causando isso.

Answer 1

Você está usando qualquer código JavaScript junto com seu HTML, coisas como JQuery/JQuery UI podem atualizar os campos quando são definidos como tipos específicos. Você já tentou desativar o JavaScript em sua visualização/navegador da web para verificar?