• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html 中的 input,怎样触发 iOS 中不同类型的键盘?

html 中的 input,怎样触发 iOS 中不同类型的键盘?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含email等相关知识,匿名希望在学习及工作中可以帮助到您
比如输入email的,就是带@和.的那个键盘,如知乎首页的登陆框
或者输入数字的,就是那个九宫格数字键盘

回复内容:

iOS Webkit 内核支持一些特有的 input type,比如 email、number、url 等等,
此外,还有 autocorrect、autocapitalize 等选项。

参考:
  • 苹果官方开发文档:http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/InputTypes.html
  • 介绍各种 iOS HTML input 键盘:http://sja.co.uk/post/controlling-which-ios-keyboard-is-shown
通过 `type` 改变键盘布局的原理有人回答了,我补充一下通过 `appearance` 来绕开 `type` 的限制的方法:
http://jsfiddle.net/chrisyipw/rCFcG/ 如果类型是search的话,需要把input放在一个action为空的form中,例如:


您可能想查找下面的文章:

相关文章

  • 2017-08-06HTML5 Video/Audio播放本地文件示例介绍
  • 2018-12-03关于bootstrap框架使用的教程汇总
  • 2018-12-03为何说 HTML5「no longer based on SGML」?
  • 2018-12-03为什么 360 浏览器会成为最后一家放弃 IE 默认内核的浏览器?
  • 2018-12-03如何借助HTML5微数据优化网页?
  • 2018-12-03利用CSS3进行弹性布局时内容对齐的方法详解
  • 2018-12-03C中字符串的定义方法及说明实例
  • 2018-12-03有人说基于成熟后的HTML5 移动web应用才是未来,因为省去了app移动应用在不同终端的开发时间。基于终端的移动应用也会走下舞台,各位怎么认为?
  • 2018-12-03HTML5中web是什么?web存储中的元素有哪些?
  • 2018-12-03用localStorage实现记住密码的功能

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5离线缓存Manifest是什么_html5教程技巧
    • 解析html5应用与原生应用之间的差别
    • 分享与火焰特效相关的文章10篇
    • html5桌面通知之Notification API详解
    • 10款HTML5编码简化工具
    • 如何判断一个APP页面是否是H5页面?
    • NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
    • 什么是canvas离屏技术?canvas放大镜效果如何实现?
    • HTML5游戏框架cnGameJS开发实录-基本图形模块篇
    • html5文字阴影效果text-shadow使用示例_html5教程技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有