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


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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值