改变手机浏览器(iPhone/Android)上文本输入框的默认弹出键盘(数字)


发布者 ourjs  发布时间 1453253670045
关键字 JS学习  JavaScript 
iPhone/iPad和Android提供不同的的键盘输入类型,触发合适的键盘将极大地改善用户体验。

键盘类型


默认: 默认键盘的字母模式
数字: 默认键盘的数字模式,(含小数点等)
邮件: 与默认基本相同,含'@'等邮件字符
网站: 同样,含一些网址字符
电话: 纯数字键盘


使用一些Html5触发键盘


默认类型为text
<input type="text">

邮箱和网址为
<input type="email">
<input type="url">


数字类型则有两种:


专门输入手机号的纯数字模式
<input type="tel">

可输入小数点,百分号的数字模式
<input type="number">

正定义输入规则


HTML5还允许通过正则表达式自定义输入的字符

如这两者的效果是一样的

<input type="text" pattern="[0-9]*">
<input type="text" pattern="d*">