改变手机浏览器(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*">