HTML inputmode 属性

定义和用法

inputmode 属性允许您更改手机或平板电脑(任何带有虚拟键盘的设备)上键盘的外观。

另请参阅:

HTML 教程:HTML 属性

实例

提示:请在手机或平板电脑上运行实例,以查看结果。

例子 1

在(虚拟)键盘上只显示数字键:

<input type="text" inputmode="numeric">
inputmode 属性在手机上显示的结果

亲自试一试

例子 2

下面的实例使用了 "email" 的 "inputmode":

<input type="text" inputmode="email">
inputmode 属性在手机上显示的结果

亲自试一试

语法

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

属性值

描述
decimal 只显示数字键盘,通常还有一个逗号键。
email 文本键盘,键通常用于电子邮件地址,如 [@]。
none 不应出现键盘。
numeric 只显示数字键盘。
search 文本键盘,[enter] 键通常显示为 [go]。
tel 只显示数字键盘,通常还有 [+]、[*] 和 [#] 键。
text 默认。文本键盘。
url 文本键盘,键通常用于网址,如 [.] 和 [/],以及特殊的 [.com] 键,或者其他通常用于本地设置的域名结束符。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
66 79 95 12.2 53