• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • inputmode

    向浏览器提供有关在编辑此元素或其内容时要使用的虚拟键盘配置类型的提示。主要用于<input>元素,但在contenteditable模式下可用于任何元素。

    inputmode全局属性是一个枚举属性,它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。它可以是以下值:

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

    如果没有设置这个属性,它的默认值是"text",表明使用本地的标准文本输入键盘。

    规范冲突:WHATWG(超文本应用技术工作组)规范中列出了inputmode,并且现代浏览器正在努力支持它。但W3C HTML 5.2 规范不再将其列出(也就是说将其标记为过时的)。在达成共识之前,你应该认为WHATWG规范定义的就是正确的。

    浏览器支持

    IE、火狐浏览器不支持inputmode属性

    上篇:id

    下篇:is