如何为网页上的指定输入字段关闭iPhone键盘

Question

我正在使用monthpicker输入（类似于jQuery UI datepicker）来获取信用卡到期字段。

我需要取消iPhone键盘，因为它隐藏了月份选择器。

我已经尝试将字段设置为只读并且这不是一个可接受的解决方案 - 在Safari iOS 5.1中，在键盘导航中跳过了只读字段（键盘上的上一个/下一个按钮）。模糊字段也是不可接受的，因为它会触发验证（我们也使用jQuery验证）。

有没有办法在单个字段上关闭iPhone键盘而不将其设置为只读或模糊？

Answer 1

我没有遇到隐藏键盘的方式。但你有没有想过显示“输入”的替代方式。一种选择是使用<input type="month" />，它将iOS 5中的原生月份选择器。

第二种选择是造型，例如。 span元素作为输入元素（-webkit-appearance在iOS上不起作用），并为元素添加tabindex。这也可以，虽然我不知道你正在使用的月份选择器。

第三个选项 - 当手动触发模糊字段时，无法阻止验证过程吗？

Answer 2

我在Drupal中有一个相同的问题，输入字段将动态附加，所以我添加了一些js，检查Iphone / Ipad并添加了“readonly”属性

<div ng-controller="TestCtrl1">
    <div ng-controller="TestCtrl2">
      <!-- your code--> 
    </div> 
</div>