This repository has been archived by the owner on Jan 25, 2019. It is now read-only.
/
output.html
160 lines (150 loc) · 9.84 KB
/
output.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
152
153
154
155
156
157
158
159
160
<!doctype html>
<html id="output">
<head>
<meta charset=utf-8>
<link rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-WD" type="text/css">
<title> output – result of a calculation in a form (NEW) - HTML5</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="prev" href="option.html" title="option">
<link rel="next" href="p.html" title="p">
<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="option.html">« option</a></span>
<span class="nav-next"><a href="p.html">p »</a></span>
</div>
<div class="no-number elementpage section">
<h2 class="element-head">
<span class="spec-link"><a title="Read about the output element in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-output-element.html#the-output-element">ⓘ</a></span> <span class="element">output</span> – <span class="shortdesc">result of a calculation in a form</span> <span class="new-feature" title="This markup feature is newly added in HTML5.">NEW</span> <a class="hash" href="#output">#</a> <a class="toc-bak" href="Overview.html#output-toc">T</a>
</h2>
<div id="output-longdesc" class="longdesc">
<p>The
<span class="element">output</span>
element
represents the result of a calculation.</p>
</div>
<div class="no-number no-toc" id="output-content-model">
<h2 class="element-subhead">Permitted contents <a class="hash" href="#output-content-model">#</a>
</h2>
<div class="content-models">
<div id="output-mdls">
<p class="elem-mdl">
<span><a href="terminology.html#phrasing-content" id="phrasing-content_xref34">phrasing content</a></span>
</p>
</div>
</div>
</div>
<div class="no-number no-toc" id="output-attributes">
<h2 class="element-subhead">Permitted attributes <a class="hash" href="#output-attributes">#</a>
</h2>
<div class="attr-content-models">
<p><span class="pattern" id="output.attrs"><a class="ref" href="global-attributes.html">global attributes</a>
<span class="postfix intermixed">&</span> <a class="#common-form.attrs.name" title="output.attrs.name" href="output.html#output.attrs.name">name</a>
<span class="postfix intermixed">&</span> <a class="#common-form.attrs.form" title="output.attrs.form" href="output.html#output.attrs.form">form</a>
<span class="postfix intermixed">&</span> <a class="ref" href="output.html#output.attrs.for" title="output.attrs.for">for</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="output.attrs.name" title="output.attrs.name">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/attributes-common-to-form-controls.html#attr-fe-name">ⓘ</a>
<span class="attribute-name">name</span> = <span class="attr-values"><a href="datatypes.html#data-string" id="data-string_xref61">string</a></span>
<a class="hash" href="output.html#output.attrs.name">#</a>
</dt>
<dd>The name part of the name/value pair associated with this
element for the purposes of form submission.</dd>
<dt id="output.attrs.form" title="output.attrs.form">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fae-form">ⓘ</a>
<span class="attribute-name">form</span> = <span class="attr-values">
<a href="datatypes.html#common.data.idref" id="common.data.idref_xref46">ID reference</a>
</span> <span class="new-feature" title="This markup feature is newly added in HTML5.">NEW</span>
<a class="hash" href="output.html#output.attrs.form">#</a>
</dt>
<dd>The value of the
<span class="attribute">id</span>
attribute on the
<a href="form.html#form">form</a>
with which to associate the element.</dd>
<dt id="output.attrs.for" title="output.attrs.for">
<a class="spec-link" title="Read about this attribute in the HTML5 spec" href="http://dev.w3.org/html5/spec/the-output-element.html#attr-output-for">ⓘ</a>
<span class="attribute-name">for</span> = <span class="attr-values">
<a href="datatypes.html#common.data.idrefs" id="common.data.idrefs_xref1">list of ID references</a>
</span>
<a class="hash" href="output.html#output.attrs.for">#</a>
</dt>
<dd>Identifies one or more elements associated with
the calculation whose result this
<span class="element">output</span>
element represents.</dd>
<dd><div class="datatype-desc">An
<a href="datatypes.html#data-unordered-tokens" id="data-unordered-tokens_xref2">unordered set of unique space-separated tokens</a>,
each of which is an
<a href="datatypes.html#common.data.idref" id="common.data.idref_xref47">ID reference</a>.</div></dd>
</dl>
</div>
<div class="no-number no-toc tag-omission" id="output-tags">
<h2 class="element-subhead">Tag omission <a class="hash" href="#output-tags">#</a>
</h2>
<p>An <span class="element">output</span>
element must have both a
<span title="syntax-start-tag">start tag</span>
and an
<span title="syntax-end-tag">end tag</span>.</p>
</div>
<div class="no-number no-toc" id="output-context">
<h2 class="element-subhead">Permitted parent elements <a class="hash" href="#output-context">#</a>
</h2>
<p class="permitted-parents"><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="output-interface">
<h2 class="element-subhead">DOM interface <a class="hash" href="#output-interface">#</a>
</h2>
<pre class="idl">interface <b>HTMLOutputElement</b> : <a href="http://dev.w3.org/html5/spec/elements.html#htmlelement" title="">HTMLElement</a> {
[PutForwards=<span title="dom-DOMSettableTokenList-value">value</span>] readonly attribute <a href="http://dev.w3.org/html5/spec/infrastructure.html#domsettabletokenlist" title="">DOMSettableTokenList</a> <a href="http://dev.w3.org/html5/spec/the-output-element.html#dom-output-htmlfor" title="dom-output-htmlFor">htmlFor</a>;
readonly attribute <a href="http://dev.w3.org/html5/spec/the-form-element.html#htmlformelement" title="">HTMLFormElement</a>? <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#dom-fae-form" title="dom-fae-form">form</a>;
attribute DOMString <a href="http://dev.w3.org/html5/spec/attributes-common-to-form-controls.html#dom-fe-name" title="dom-fe-name">name</a>;
readonly attribute DOMString <a href="http://dev.w3.org/html5/spec/the-output-element.html#dom-output-type" title="dom-output-type">type</a>;
attribute DOMString <a href="http://dev.w3.org/html5/spec/the-output-element.html#dom-output-defaultvalue" title="dom-output-defaultValue">defaultValue</a>;
attribute DOMString <a href="http://dev.w3.org/html5/spec/the-output-element.html#dom-output-value" title="dom-output-value">value</a>;
readonly attribute boolean <a href="http://dev.w3.org/html5/spec/constraints.html#dom-cva-willvalidate" title="dom-cva-willValidate">willValidate</a>;
readonly attribute <a href="http://dev.w3.org/html5/spec/constraints.html#validitystate" title="">ValidityState</a> <a href="http://dev.w3.org/html5/spec/constraints.html#dom-cva-validity" title="dom-cva-validity">validity</a>;
readonly attribute DOMString <a href="http://dev.w3.org/html5/spec/constraints.html#dom-cva-validationmessage" title="dom-cva-validationMessage">validationMessage</a>;
boolean <a href="http://dev.w3.org/html5/spec/constraints.html#dom-cva-checkvalidatity" title="dom-cva-checkValidatity">checkValidity</a>();
void <a href="http://dev.w3.org/html5/spec/constraints.html#dom-cva-setcustomvalidity" title="dom-cva-setCustomValidity">setCustomValidity</a>(DOMString error);
readonly attribute <a href="http://dev.w3.org/html5/spec/infrastructure.html#nodelist" title="">NodeList</a> <a href="http://dev.w3.org/html5/spec/the-label-element.html#dom-lfe-labels" title="dom-lfe-labels">labels</a>;
};</pre>
</div>
<div class="no-number no-toc display" id="output-display">
<h2 class="element-subhead">Typical default display properties <a class="hash" href="#output-display">#</a>
</h2>
<div class="css-props" id="output-css">
<div class="selectors">
<span class="selector">output</span> {
</div>
<div class="properties"><div class="css-property">
<span class="prop-name">display</span>: <span class="prop-value">inline</span>; }</div></div>
<div class="selectors">
<span class="selector">output</span> {
</div>
<div class="properties"><div class="css-property">
<span class="prop-name">unicode-bidi</span>: <span class="prop-value">-webkit-isolate</span>; }</div></div>
</div>
</div>
</div>
<hr class="footerbreak">
<div class="nav">
<span class="nav-prev"><a href="option.html">« option</a></span>
<span class="nav-next"><a href="p.html">p »</a></span>
</div>
<script src="js/jump-indexes.js" type="text/javascript"></script><script src="js/dfn.js" type="text/javascript"></script>
</body>
</html>