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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
---
title: command
slug: orphaned/Web/HTML/Element/command
translation_of: Web/HTML/Element/command
original_slug: Web/HTML/Element/command
---
<div class="warning">
<p><strong>已废弃</strong></p>
<p>此功能已过时。 虽然它可能仍然在某些浏览器中工作，但不鼓励使用它，因为它可能随时被删除。 尽量避免使用它。</p>
</div>
<div class="note">
<p><strong>注意：</strong><code>command</code>元素已经被{{Gecko("24.0")}}引擎移除以利于{{HTMLElement("menuitem")}}元素。Firefox从未支持<code>command</code>元素，并且在<a href="https://developer.mozilla.org/en-US/docs/Site_Compatibility_for_Firefox_24">Firefox 24</a>中删除了对{{domxref("HTMLCommandElement")}}DOM接口的实现。</p>
</div>
<h2 class="editable" id="概述"><span>概述</span></h2>
<p><code>command元素</code>用来表示一个用户可以调用的命令.</p>
<h2 id="使用规范">使用规范</h2>
<table class="standard-table">
<tbody>
<tr>
<td>内容类别</td>
<td><a href="/zh-cn/HTML/Content_categories#Flow_content" title="zh-cn/HTML/Content categories#Flow content">Flow content</a>, <a href="/zh-cn/HTML/Content_categories#Phrasing_content" title="zh-cn/HTML/Content categories#Phrasing content">phrasing content</a></td>
</tr>
<tr>
<td>是否允许有内容</td>
<td>否, 它是一个空元素</td>
</tr>
<tr>
<td>标签遗漏</td>
<td>必须有开始标签, 不可以有结束标签.</td>
</tr>
<tr>
<td>允许的父元素</td>
<td>任何可以包含 <a href="/zh-cn/HTML/Content_categories#Phrasing_content" title="https://developer.mozilla.org/zh-cn/HTML/Content_categories#Phrasing_content">phrasing content</a>的元素.</td>
</tr>
<tr>
<td>规范文档</td>
<td><a class="external" href="http://dev.w3.org/html5/spec/Overview.html#the-command" title="http://dev.w3.org/html5/spec/Overview.html#the-command">HTML5, section 4.11.3</a></td>
</tr>
</tbody>
</table>
<h2 id="属性">属性</h2>
<p>和其他的HTML元素一样, 该元素支持<a href="/zh-cn/HTML/Global_attributes" title="zh-cn/HTML/Global attributes">全局属性</a>.</p>
<dl>
<dt>{{ htmlattrdef("checked") }}</dt>
<dd>表明该元素已被选择, 除非元素的<code>type</code> 属性是 <code>checkbox 或</code>者 <code>radio</code>,否则该属性必须被省略.</dd>
<dt>{{ htmlattrdef("disabled") }}</dt>
<dd>表明该command元素已经被禁用.</dd>
<dt>{{ htmlattrdef("icon") }}</dt>
<dd>用一张图片来显示该command元素.</dd>
<dt>{{ htmlattrdef("label") }}</dt>
<dd>该command元素的名称.用来显示给用户.</dd>
<dt>{{ htmlattrdef("radiogroup") }}</dt>
<dd>如果该元素的<code>type</code>属性为<code>radio</code>,则radiogroup属性用来表示这一组command元素的公用名称. 如果<code>type</code>属性不是<code>radio</code>,则radiogroup属性必须省略.</dd>
<dt>{{ htmlattrdef("type") }}</dt>
<dd>该属性用来表明command元素的类型,可以是下面三种值:
<ul>
<li>
<p><code>command</code> 或者为空,表示一个普通的command元素.</p>
</li>
<li>
<p><code>checkbox</code>表明该command元素体现为一个复选框,可以来回切换选中状态.</p>
</li>
<li>
<p><code>radio</code> 表明该command元素体现为一个单选按钮,可以来回切换选中状态.</p>
</li>
</ul>
</dd>
</dl>
<h2 id="DOM_接口">DOM 接口</h2>
<p>该元素实现了<code><a href="/zh-cn/DOM/HTMLCommandElement" rel="internal">HTMLCommandElement</a></code>接口.</p>
<h2 id="例子">例子</h2>
<pre class="brush: html"><command type="command" label="Save" icon="icons/save.png" onclick="save()">
</pre>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
</tr>
</tbody>
</table>
</div>
<p> </p>
<p>{{ languages( { "en": "en/HTML/Element/command" } ) }}</p>
|
