This repository has been archived by the owner on Jan 25, 2019. It is now read-only.
/
command.checkbox.html
151 lines (143 loc) · 10.4 KB
/
command.checkbox.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
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
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<html id="command.checkbox">
<head>
<meta charset=utf-8>
<link rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-WD" type="text/css">
<title> command type=checkbox – state or option that can be toggled (NEW) - HTML5</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="prev" href="command.radio.html" title="command type=radio">
<link rel="next" href="datalist.html" title="datalist">
<link rel="section" href="Overview.html">
<link rel="contents" href="Overview.html#toc">
<link rel="index" href="index-of-terms.html">
</head>
<body class="chunk" onload="initDfn()">
<div id="jump-indexes" class="no-number no-toc"><div id="jumpIndexA-button" role="button" aria-haspopup="true" tabindex="0">jump</div></div>
<h2 class="chunkpagetitle"><a href="Overview.html#toc">HTML: The Markup Language</a></h2>
<div class="nav">
<span class="nav-prev"><a href="command.radio.html">« command type=radio</a></span>
<span class="nav-next"><a href="datalist.html">datalist »</a></span>
</div>
<div class="no-number elementpage section">
<h2 class="element-head">
<span class="spec-link"><a title="Read about the command element in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-command-element.html#the-command-element">ⓘ</a></span> <span class="element">command</span> <span class="elem-qualifier"> <span class="attribute-name">type</span>=<span class="equals-value">checkbox</span></span> – <span class="shortdesc">state or option that can be toggled</span> <span class="new-feature" title="This markup feature is newly added in HTML5.">NEW</span> <a class="hash" href="#command.checkbox">#</a> <a class="toc-bak" href="Overview.html#command.checkbox-toc">T</a>
</h2>
<div id="command.checkbox-longdesc" class="longdesc">
<p>The
<span class="element">command</span>
element
with a <span class="attribute">type</span> attribute whose
value is "<code>checkbox</code>" represents a state or option
that can be toggled.</p>
</div>
<div class="no-number no-toc" id="command.checkbox-content-model">
<h2 class="element-subhead">Permitted contents <a class="hash" href="#command.checkbox-content-model">#</a>
</h2>
<div class="content-models">
<div id="command.checkbox-mdls">
<p class="elem-mdl"><span>empty (<span><a href="syntax.html#void-element" id="void-element_xref17">void element</a></span>)</span>
</p>
</div>
</div>
</div>
<div class="no-number no-toc" id="command.checkbox-attributes">
<h2 class="element-subhead">Permitted attributes <a class="hash" href="#command.checkbox-attributes">#</a>
</h2>
<div class="attr-content-models">
<p><span class="pattern" id="command.checkbox.attrs"><a class="ref" href="global-attributes.html">global attributes</a>
<span class="postfix intermixed">&</span> <span class="agroupof"><a class="ref" href="command.checkbox.html#command.checkbox.attrs.type" title="command.checkbox.attrs.type">type</a><span class="postfix required" title="REQUIRED">★</span>
<span class="postfix intermixed">&</span> <a class="ref" href="command.checkbox.html#command.checkbox.attrs.checked" title="command.checkbox.attrs.checked">checked</a> </span>
<span class="postfix intermixed">&</span> <a class="ref" href="command.checkbox.html#command.checkbox.attrs.label" title="command.checkbox.attrs.label">label</a>
<span class="postfix intermixed">&</span> <a class="ref" href="command.checkbox.html#command.checkbox.attrs.icon" title="command.checkbox.attrs.icon">icon</a>
<span class="postfix intermixed">&</span> <a class="ref" href="command.checkbox.html#command.checkbox.attrs.disabled" title="command.checkbox.attrs.disabled">disabled</a> </span></p>
</div>
<dl class="attr-defs">
<dt>
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/global-attributes.html#global-attributes">ⓘ</a>
<a class="attribute-name" title="global-attributes" href="global-attributes.html">global attributes</a>
</dt>
<dd>Any attributes permitted globally.</dd>
<dt id="command.checkbox.attrs.type" title="command.checkbox.attrs.type">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-command-element.html#attr-command-type">ⓘ</a>
<span class="attribute-name">type</span> = <span class="attr-values"> "checkbox" </span>
<a class="hash" href="command.checkbox.html#command.checkbox.attrs.type">#</a>
</dt>
<dd>Specifies that its
<span class="element">command</span>
element represents
a state or option that can be toggled.</dd>
<dt id="command.checkbox.attrs.checked" title="command.checkbox.attrs.checked">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-command-element.html#attr-command-checked">ⓘ</a>
<span class="attribute-name">checked</span> = <span class="attr-values">
"checked" <span class="postfix or">or</span> "" <span class="attr-qualifier">(empty string)</span> <span class="postfix or">or</span> <a href="syntax.html#syntax-attr-empty" id="syntax-attr-empty_xref18">empty</a>
</span>
<a class="hash" href="command.checkbox.html#command.checkbox.attrs.checked">#</a>
</dt>
<dd>Specifies that the command is selected.</dd>
<dt id="command.checkbox.attrs.label" title="command.checkbox.attrs.label">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-command-element.html#attr-command-label">ⓘ</a>
<span class="attribute-name">label</span> = <span class="attr-values"><a href="datatypes.html#data-string" id="data-string_xref15">string</a></span>
<a class="hash" href="command.checkbox.html#command.checkbox.attrs.label">#</a>
</dt>
<dd>The name of the command, as shown to the user.</dd>
<dt id="command.checkbox.attrs.icon" title="command.checkbox.attrs.icon">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-command-element.html#attr-command-icon">ⓘ</a>
<span class="attribute-name">icon</span> = <span class="attr-values">
<a href="datatypes.html#common.data.uri.non-empty" id="common.data.uri.non-empty_xref3">non-empty URL potentially surrounded by spaces</a>
</span>
<a class="hash" href="command.checkbox.html#command.checkbox.attrs.icon">#</a>
</dt>
<dd>A URL for an image that represents the command.</dd>
<dt id="command.checkbox.attrs.disabled" title="command.checkbox.attrs.disabled">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-command-element.html#attr-command-disabled">ⓘ</a>
<span class="attribute-name">disabled</span> = <span class="attr-values">
"disabled"
<span class="postfix or">or</span> "" <span class="attr-qualifier">(empty string)</span> <span class="postfix or">or</span> <a href="syntax.html#syntax-attr-empty" id="syntax-attr-empty_xref19">empty</a>
</span>
<a class="hash" href="command.checkbox.html#command.checkbox.attrs.disabled">#</a>
</dt>
<dd>Specifies that the command is not currently
available.</dd>
</dl>
</div>
<div class="no-number no-toc tag-omission" id="command.checkbox-tags">
<h2 class="element-subhead">Tag omission <a class="hash" href="#command.checkbox-tags">#</a>
</h2>
<p>The
<span class="element">command</span>
element is a <a href="syntax.html#void-element" id="void-element_xref18">void element</a>.
A <span class="element">command</span>
element must have a
<span title="syntax-start-tag">start tag</span>
but must not have an
<span title="syntax-end-tag">end tag</span>.</p>
</div>
<div class="no-number no-toc" id="command.checkbox-context">
<h2 class="element-subhead">Permitted parent elements <a class="hash" href="#command.checkbox-context">#</a>
</h2>
<p class="permitted-parents"><span class="context-mdl"><span>any element that can contain
<a href="common-models.html#common.elem.metadata">metadata elements</a></span></span>, <span class="context-mdl"><span>any element that can contain
<a href="common-models.html#common.elem.phrasing">phrasing elements</a></span></span></p>
</div>
<div class="no-number no-toc interface" id="command.checkbox-interface">
<h2 class="element-subhead">DOM interface <a class="hash" href="#command.checkbox-interface">#</a>
</h2>
<pre class="idl">interface <b>HTMLCommandElement</b> : <a href="http://dev.w3.org/html5/spec/elements.html#htmlelement" title="">HTMLElement</a> {
attribute DOMString <a href="http://dev.w3.org/html5/spec/the-command-element.html#dom-command-type" title="dom-command-type">type</a>;
attribute DOMString <a href="http://dev.w3.org/html5/spec/the-command-element.html#dom-command-label" title="dom-command-label">label</a>;
attribute DOMString <a href="http://dev.w3.org/html5/spec/the-command-element.html#dom-command-icon" title="dom-command-icon">icon</a>;
attribute boolean <a href="http://dev.w3.org/html5/spec/the-command-element.html#dom-command-disabled" title="dom-command-disabled">disabled</a>;
attribute boolean <a href="http://dev.w3.org/html5/spec/the-command-element.html#dom-command-checked" title="dom-command-checked">checked</a>;
attribute DOMString <a href="http://dev.w3.org/html5/spec/the-command-element.html#dom-command-radiogroup" title="dom-command-radiogroup">radiogroup</a>;
readonly attribute <a href="http://dev.w3.org/html5/spec/elements.html#htmlelement" title="">HTMLElement</a>? <a href="http://dev.w3.org/html5/spec/the-command-element.html#dom-command-command" title="dom-command-command">command</a>;
};</pre>
</div>
</div>
<hr class="footerbreak">
<div class="nav">
<span class="nav-prev"><a href="command.radio.html">« command type=radio</a></span>
<span class="nav-next"><a href="datalist.html">datalist »</a></span>
</div>
<script src="js/jump-indexes.js" type="text/javascript"></script><script src="js/dfn.js" type="text/javascript"></script>
</body>
</html>