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

jopen 9年前

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

来自: http://ourjs.com/detail/569ee42642f912181e45422f