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

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*">