html中的input,怎样触发iOS中不同类型的键盘?
时间:2021-07-01 10:21:17
帮助过:53人阅读
比如输入email的,就是带@和.的那个键盘,如知乎首页的登陆框
或者输入数字的,就是那个九宫格数字键盘
回复内容:
iOS Webkit 内核支持一些特有的 input type,比如 email、number、url 等等,
此外,还有 autocorrect、autocapitalize 等选项。
参考:
- 苹果官方开发文档:http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/InputTypes.html
- 介绍各种 iOS HTML input 键盘:http://sja.co.uk/post/controlling-which-ios-keyboard-is-shown
通过 `type` 改变键盘布局的原理有人回答了,我补充一下通过 `appearance` 来绕开 `type` 的限制的方法:
http://jsfiddle.net/chrisyipw/rCFcG/
如果类型是search的话,需要把input放在一个action为空的form中,例如: