ios / Mobile Safari根据标签更改<input />类型属性？

Question

我无法通过Google找到任何相关文档或其他报告。

在Mobile Safari上（至少在iOS6 + 7中）我有一个包含几个<input>的表单，其中type =“text”。其中一些字段用于用户的电子邮件地址和电话号码，并且已正确标记。据我所知，Mobile Safari正在更改那些<input>以给它们一个它认为适合标签的“类型”属性 - 例如，电子邮件字段的类型为“”email“，电话号码字段被赋予type =“number”（奇怪的是，不是type =“tel”）。对于电子邮件字段，这不会产生任何问题，但电话号码字段无法呈现默认值，因为它不是“数字”字段的正确格式（数字显示为空格）。到目前为止，我还没有找到任何可能导致此问题的JavaScript。

当完全省略“type”属性时，我可以理解这种情况，但我已经仔细检查过这些字段肯定是使用type =“text”进行渲染，并且我已经确认所有主要的桌面浏览器都在渲染字段正确。如果将电话​​字段更改为type =“tel”，我甚至不认为这是一个问题，因为我不认为该类型有任何格式限制。

我在iOS上通过XCode的iOS模拟器与Safari的网络检查员配对进行测试。以下是Web检查器中带有标签“Mobile Phone”的字段的屏幕截图：

此处参考该字段的呈现方式（请注意，没有呈现任何值）：

还有其他人遇到过这个吗？

更新： this jsfiddle在iOS中工作正常，表明它可能是一个javascript问题而不是webkit，虽然到目前为止我还无法发现任何可能导致此问题的JavaScript

Answer 1

您是否使用任何javascript代码和HTML，jQuery / jQuery UI等内容可以在设置为特定类型时更新字段。您是否尝试在网络视图/浏览器中禁用javascript进行检查？