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

转载于:https://www.cnblogs.com/ppforever/p/5150441.html

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

  1. Unity实现在Android或IOS端点击【InputField】输入框弹出键盘上的内容默认处于选中状态

    Unity实现在Android或IOS端点击[InputField]输入框弹出键盘上的内容默认处于选中状态 最终效果如: 上代码 using UnityEngine.EventSystems;/// ...

  2. 判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置

    inputResizeBodyHeight() {// 判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置var oldHeight =document ...

  3. Android实现Mtp访问浏览手机存储(二) 禁止DocumentsUI文件直接弹出

    Android实现Mtp访问浏览手机存储(一)访问Mtp目录 Android实现Mtp访问浏览手机存储(二) 禁止DocumentsUI文件直接弹出 当usb接入时,默认打开系统的DocumentUI ...

  4. h5页面元素聚焦手机无法弹出键盘

    移动端h5做手机app的直播视频碰到的问题 h5页面元素聚焦手机无法弹出键盘 问题是这样产生的: 公司最近要搞一个直播的h5活动页内嵌到app上,当然我就来负责这个了. 但是这个项目我是半道接手的,原 ...

  5. Android学习问题:关于AlertDialog中自定义布局带有的EditText无法弹出键盘

    最近在用到AlertDialog的时候,自定义了其布局文件,其中带有EditText,但是发现在手机上使用的时候,点击EditText却没有弹出键盘,在网上搜索了下,看到有好几种解决方法,试过其中一些 ...

  6. Unity手机输入法弹出键盘挡住游戏UI的问题

    文章目录 问题 解决办法 Android iOS 调用 问题 在手机上,点击输入框,会弹出输入法的键盘,这个时候如果UI没有做自适应处理,则会被输入法键盘窗口挡住,如下图微信是做了自适应的,在Unit ...

  7. Android仿IOS封装通用的弹出框Dialog和底部弹出列表选择框 仿美团顶部条件筛选框 附自定义ViewGroup

    弹出框 背景 提示与询问弹出框 实现 使用 列表选择框 实现 使用 顶部条件筛选框 实现 自定义ViewGroup 使用 总结 背景 鉴于Android提供的默认弹出框很一般,IOS的弹出框样式还不错 ...

  8. 移动端输入框弹出键盘控制

    在移动端,我们公司通过输入框主要收集用户的姓名和电话,以下是对输入框获取焦点时,控制弹出键盘的样式来增强用户体验. 输入姓名 我们的用户都是中国人,输入用户名为中文,所以弹出键盘是输入中文状态即可,这 ...

  9. 移动端点击输入框,弹出键盘,底部被顶起问题(vue)

    这个问题相信做移动端开发的童鞋会有深刻体会,以前用jq开发时就很头疼这个问题,每次底部footer部分需要用position:fixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题:一 ...

最新文章

  1. 指针的底层原理与使用
  2. JAVA SE 学习day_10:集合、聊天室练习最终版
  3. SQL Server 2016新特性:Query Store
  4. 了解使用Android ConstraintLayout
  5. ajax可以发送文件,通过Ajax上传img时如何发送文件信息
  6. [安卓】Error和Exception的区别
  7. 前端js嵌套遍历优化_2020web前端最新面试面经:阿里、字节、小红书
  8. Banner中利用Jquery隐藏显示下方DIV块
  9. javascript--Date
  10. tomcat启动内存设置以及字符集设置
  11. Spring boot 2.1版本、2.3及以上版本使用actuator实现优雅关闭程序
  12. 搜索引擎-Lucene
  13. win32汇编 实现UNIX文件格式转换WINDOWS文件格式 的功能
  14. KITTI raw data 镜像地址
  15. Android模拟器脚本录制
  16. VMWare虚拟机服务器设置固定ip,切换网络后不用重新设置服务器ip
  17. 内存颗粒位宽和容量_DDR4内存终极解析(一)--DDR4内存颗粒
  18. 开源RapidScada插件开发---短信报警插件
  19. 求大神帮助 百练我爱北大,编程题目
  20. 随心所欲b超工作站图像处理_彩超工作站B超随心所欲XP版超声随心所欲XP版

热门文章

  1. angularjs与后台传值接收值
  2. redis介绍及保持session会话
  3. 红顶商人 —— 胡雪岩
  4. centos 多个yum源,系统怎么选择
  5. Spring 基于xml配置方式的AOP
  6. 【Android】Anroid5.0+新控件---酷炫标题栏的简单学习
  7. Linq to SQL 中实现模糊查询
  8. SQL PASS将于8月24日在北京中医药大学举办线下活动
  9. CDOJ1633 Video Game Combos [AC自动机+dp]
  10. Android的Intent和IntentFilter应用说明一例