¿Atributo de tipo iOS/Mobile Safari Cambio basado en la etiqueta?

Question

No he podido encontrar ninguna documentación u otros informes sobre esto a través de Google.

En móvil safari (en al menos iOS6+7) tengo un formulario que contiene varios <input>S con type = "Text". Un par de estos campos son para la dirección de correo electrónico y el número de teléfono del usuario y están etiquetados adecuadamente. Por lo que puedo decir, el safari móvil está cambiando esos <input>S para darles un atributo de "tipo" que considera apropiado para la etiqueta, por ejemplo, el campo de correo electrónico se da tipo = "correo electrónico", y el campo de número de teléfono se da tipo = "número" (extrañamente, no tipo = "tel "). Para el campo de correo electrónico, esto no plantea problemas, pero el campo Número de teléfono no puede representar el valor predeterminado porque no está en el formato correcto para un campo "Número" (el número se muestra con espacios). Hasta ahora no he encontrado ningún JavaScript que pueda estar causando esto.

Podía entender que esto sucede cuando el atributo de "tipo" se omite por completo, pero he verificado dos veces que estos campos definitivamente están representando con tipo = "texto" y he confirmado que todos los navegadores de escritorio principales están representando correctamente los campos. Incluso no creo que sea un problema si el campo del teléfono se cambiara a tipo = "Tel", ya que no creo que ese tipo tenga restricciones de formato.

Estoy probando en iOS a través del simulador iOS de Xcode emparejado con el inspector web de Safari. Aquí hay una captura de pantalla del campo con el "teléfono móvil" de la etiqueta en el inspector web:

Y como referencia, así es como ese campo está representando (tenga en cuenta que no se representa ningún valor):

¿Alguien más ha encontrado esto?

Actualizar: este jsfiddle Funciona bien en iOS, lo que indica que podría ser un problema de JavaScript en lugar de WebKit, aunque hasta ahora no he podido descubrir ningún JavaScript que pueda estar causando esto.

Answer 1

¿Está utilizando algún código JavaScript junto con su HTML, cosas como jQuery/jQuery UI pueden actualizar los campos cuando están configurados como tipos específicos? ¿Ha intentado deshabilitar JavaScript en su vista/navegador web para verificar?