files/zh-cn/web/html/global_attributes/inputmode/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

---
title: inputmode
slug: Web/HTML/Global_attributes/inputmode
translation_of: Web/HTML/Global_attributes/inputmode
---
<p><span class="seoSummary"><strong><code>inputmode</code></strong> <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a> </span>是一个枚举属性，它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。它可以是以下值：</p>

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

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

<div class="warning">
<p><strong>规范冲突</strong>: <a href="https://html.spec.whatwg.org/multipage/interaction.html#attr-inputmode">WHATWG(超文本应用技术工作组)规范中列出了 <code>inputmode</code></a>, 并且现代浏览器正在努力支持它。但 <a href="https://www.w3.org/TR/html52/index.html#contents">W3C HTML 5.2 规范</a> 不再将其列出（也就是说将其标记为过时的）。在达成共识之前，你应该认为WHATWG规范定义的就是正确的。</p>
</div>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">备注</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("HTML WHATWG", "interaction.html#input-modalities:-the-inputmode-attribute", "inputmode")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>


<p>{{Compat("html.global_attributes.inputmode")}}</p>

<h2 id="参照">参照</h2>

<ul>
 <li>所有 <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a></li>
</ul>

<div>{{HTMLSidebar("Global_attributes")}}</div>