[html] 请说说input的inputmode属性有什么应用场景?

inputmode 全局属性 是一个枚举属性,它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。它可以是以下值:"none"
无虚拟键盘。在应用程序或者站点需要实现自己的键盘输入控件时很有用。
"text"
使用用户本地区域设置的标准文本输入键盘。
"decimal"
小数输入键盘,包含数字和分隔符(通常是“ . ”或者“ , ”),设备可能也可能不显示减号键。
"numeric"
数字输入键盘,所需要的就是0到9的数字,设备可能也可能不显示减号键。
"tel"
电话输入键盘,包含0到9的数字、星号(*)和井号(#)键。表单输入里面的电话输入通常应该使用 <input type="tel"> 。
"search"
为搜索输入优化的虚拟键盘,比如,返回键可能被重新标记为“搜索”,也可能还有其他的优化。
"email"
为邮件地址输入优化的虚拟键盘,通常包含"@"符号和其他优化。表单里面的邮件地址输入应该使用 <input type="email"> 。
"url"
为网址输入优化的虚拟键盘,比如,“/”键会更加明显、历史记录访问等。表单里面的网址输入通常应该使用 <input type="url"> 。
如果没有设置这个属性,它的默认值是 "text",表明使用本地的标准文本输入键盘。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 请说说input的inputmode属性有什么应用场景?相关推荐

  1. jQuery操作input改变value属性值

    今天写了一个表单元素,在用户点击的时候会清空input中的内容,当鼠标点击其他地方的时候会把输入的值保存为input的value值 类似于这样的效果 当用户点击的时候文字消失. html代码 < ...

  2. js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$)

    js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$) 一.总结 1.input的pattern属性:里面可以直接放正则表达式,<input type=&quo ...

  3. input元素及属性

    input元素 用来设置表单中的内容项,比如输入内容的文本框,按钮等 不仅可以布置在表单中,也可以在表单之外的元素使用 input元素的属性 type属性:指定输入内容的类型,默认为text:单行文本 ...

  4. html中input中type属性值,HTML的input中type属性的属性值包括哪些

    HTML的input中type属性的属性值包括哪些 (2011-11-25 16:44:40) 标签: 杂谈 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideF ...

  5. html accept属性,input标签accept属性的使用方法及作用

    html代码input标签accept属性的使用方法及作用介绍如下: 标签accept属性的定义 accept属性规定了可通过文件上传提交的服务器接受的文件类型. accept属性应该配合type属性 ...

  6. Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架

    第三天HTML中input标签常用属性.框架集.内嵌框架 一.input标签常用属性 表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...

  7. ie下input的type属性为hidden问题

    2019独角兽企业重金招聘Python工程师标准>>> ie下input的type属性为hidden有时候ie是解析不正确的. 今天碰到一个问题,服务器端返回一个div内容如下: & ...

  8. JQ无法修改input的type属性的替代解决方法

    JQ无法修改input的type属性的替代解决方法 参考文章: (1)JQ无法修改input的type属性的替代解决方法 (2)https://www.cnblogs.com/wsun/p/56300 ...

  9. input[type=file]属性

    title: input[type=file]属性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei&q ...

最新文章

  1. 软件测试实验--数据工厂DataFactory+MySQL数据构造
  2. 12核心 联发科和台积电将研发7nm芯片
  3. 善用rel=’canonical’,权重更集中(转)
  4. UVA - 11572
  5. SpringBoot整合RabbitMQ测试
  6. python生成配置文件config_Python configparser模块封装及构造配置文件
  7. Go语言基础(一)——HelloWorld
  8. ssh不能进入save方法_如何 SSH 登录到 Linux 上的特定目录
  9. html 字符串 放到webbrowser,delphi 直接将html字符串读入WebBrowser中
  10. H5网页漫画小说苹果cms模板源码/支持对接公众号/支持三级分销
  11. Vivado下载 安装 与 和谐教程
  12. 转专业2017武汉大学计算机学,武大,10届考生谈谈转专业~`~
  13. 测试面试题集锦| 软件测试常见必考问题与流程篇(附带答案)
  14. pygame游戏之旅2:创建游戏窗口界面
  15. 详谈利用系统漏洞及mysql提权
  16. Python_argparse.Argumentparser()
  17. Sass学习笔记 — 4. 参考手册
  18. php bootstrap 轮播,让Bootstrap轮播插件carousel支持左右滑动手势的三种方法
  19. 人工智能就业前景怎么样?
  20. Google 百度 图标收藏(二)

热门文章

  1. 如何使用Google Authenticator在ASP.NET Core中设置两因素身份验证
  2. (私人收藏)python学习(游戏、爬虫、排序、练习题、错误总结)
  3. get与post区别
  4. 深入分析Spring 与 Spring MVC容器
  5. JavaScript:JavaScript中常见获取对象元素的方法
  6. 黑马程序员---JVM内存组成
  7. Ubuntu NFS搭建过程
  8. C# 繁体,简体互转
  9. 编写高性能 Web 应用程序的 10 个技巧 (转)
  10. java集合概念_JAVA集合概念