西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网

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

时间:2016-01-20 10:23来源:未知 作者:好模板 点击:
iPhone/iPad和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*">
(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容