Browse files

[] (0) WF2: <option> element summary.

git-svn-id: http://svn.whatwg.org/webapps@2152 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 2984402 commit bf9bca6fb670a4318e28bb39edcfcdb7b85258aa @Hixie Hixie committed Sep 4, 2008
Showing with 188 additions and 117 deletions.
  1. +142 −97 index
  2. +46 −20 source
View
239 index
@@ -1050,22 +1050,19 @@
<li><a href="#the-option"><span class=secno>4.9.9 </span>The
<code>option</code> element</a>
- <li><a href="#constructors"><span class=secno>4.9.10
- </span>Constructors</a>
-
- <li><a href="#the-textarea"><span class=secno>4.9.11 </span>The
+ <li><a href="#the-textarea"><span class=secno>4.9.10 </span>The
<code>textarea</code> element</a>
- <li><a href="#the-output"><span class=secno>4.9.12 </span>The
+ <li><a href="#the-output"><span class=secno>4.9.11 </span>The
<code>output</code> element</a>
- <li><a href="#association"><span class=secno>4.9.13 </span>Association
+ <li><a href="#association"><span class=secno>4.9.12 </span>Association
of controls and forms</a>
- <li><a href="#processing1"><span class=secno>4.9.14 </span>Processing
+ <li><a href="#processing1"><span class=secno>4.9.13 </span>Processing
model</a>
<ul class=toc>
- <li><a href="#form-submission"><span class=secno>4.9.14.1.
+ <li><a href="#form-submission"><span class=secno>4.9.13.1.
</span>Form submission</a>
</ul>
</ul>
@@ -6772,12 +6769,12 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E..
<p>The <code><a
href="#htmloptionscollection0">HTMLOptionsCollection</a></code> interface
- represents a list of <code>option</code> elements.
+ represents a list of <code><a href="#option">option</a></code> elements.
<pre
class=idl>interface <dfn id=htmloptionscollection0>HTMLOptionsCollection</dfn> {
attribute unsigned long <a href="#length1" title=dom-HTMLOptionsCollection-length>length</a>;
- [IndexGetter] <span>HTMLOptionElement</span> <a href="#itemindex1" title=dom-HTMLOptionsCollection-item>item</a>(in unsigned long index);
+ [IndexGetter] <a href="#htmloptionelement">HTMLOptionElement</a> <a href="#itemindex1" title=dom-HTMLOptionsCollection-item>item</a>(in unsigned long index);
[NameGetter] Object <a href="#nameditem1" title=dom-HTMLOptionsCollection-namedItem>namedItem</a>(in DOMString name);
};</pre>
@@ -6790,9 +6787,10 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E..
greater than, or less than the number of nodes <a
href="#represents">represented by the collection</a> at that time. If the
number is the same, then setting the attribute must do nothing. If the new
- value is greater, then <var title="">n</var> new <code>option</code>
- elements with no attributes and no child nodes must be appended to the
- <code><a href="#select">select</a></code> element on which the <code><a
+ value is greater, then <var title="">n</var> new <code><a
+ href="#option">option</a></code> elements with no attributes and no child
+ nodes must be appended to the <code><a href="#select">select</a></code>
+ element on which the <code><a
href="#htmloptionscollection0">HTMLOptionsCollection</a></code> is rooted,
where <var title="">n</var> is the difference between the two numbers (new
value minus old value). If the new value is lower, then the last <var
@@ -26703,9 +26701,9 @@ function AddCloud(data, x, y) { ... }</pre>
attribute DOMString <span title=dom-input-type>type</span>;
attribute DOMString <span title=dom-input-defaultValue>defaultValue</span>;
attribute DOMString <span title=dom-input-value>value</span>;
- attribute DOMTimeStamp <span>valueAsDate</span>;
- attribute float <span>valueAsNumber</span>;
- readonly attribute <span>HTMLOptionElement</span> <span title=dom-input-selectedOption>selectedOption</span>;
+ attribute DOMTimeStamp <span title=dom-input-valueAsDate>valueAsDate</span>;
+ attribute float <span title=dom-input-valueAsNumber>valueAsNumber</span>;
+ readonly attribute <a href="#htmloptionelement">HTMLOptionElement</a> <span title=dom-input-selectedOption>selectedOption</span>;
readonly attribute <a href="#htmlcollection0">HTMLCollection</a> <span title=dom-input-labels>labels</span>;
@@ -26848,7 +26846,7 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>Content model:
- <dd>Zero or more <code>option</code> or <code><a
+ <dd>Zero or more <code><a href="#option">option</a></code> or <code><a
href="#optgroup">optgroup</a></code> elements.
<dt>Element-specific attributes:
@@ -26919,7 +26917,9 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>Content model:
- <dd><a href="#phrasing0">Phrasing content</a>.
+ <dd>Either: <a href="#phrasing0">phrasing content</a>.
+
+ <dd>Or: Zero or more <code><a href="#option">option</a></code> elements.
<dt>Element-specific attributes:
@@ -26950,7 +26950,7 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>Content model:
- <dd>Zero or more <code>option</code> elements.
+ <dd>Zero or more <code><a href="#option">option</a></code> elements.
<dt>Element-specific attributes:
@@ -26963,56 +26963,93 @@ function AddCloud(data, x, y) { ... }</pre>
<dd>
<pre
class=idl>interface <dfn id=htmloptgroupelement>HTMLOptGroupElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
- attribute boolean <span title=dom-select-disabled>disabled</span>;
- attribute DOMString <span title=dom-select-label>label</span>;
+ attribute boolean <span title=dom-optgroup-disabled>disabled</span>;
+ attribute DOMString <span title=dom-optgroup-label>label</span>;
};</pre>
</dl>
<p class=big-issue>...
- <h4 id=the-option><span class=secno>4.9.9 </span>The <code>option</code>
- element</h4>
+ <h4 id=the-option><span class=secno>4.9.9 </span>The <dfn
+ id=option><code>option</code></dfn> element</h4>
- <h4 id=constructors><span class=secno>4.9.10 </span>Constructors</h4>
+ <dl class=element>
+ <dt>Categories
- <p>All <code><a href="#window">Window</a></code> objects must provide the
- following constructors:
+ <dd>None.
- <dl>
- <dt><dfn id=option title=dom-option><code>Option()</code></dfn>
+ <dt>Contexts in which this element may be used:
+
+ <dd>As a child of a <code><a href="#select">select</a></code> element.
+
+ <dd>As a child of a <code><a href="#datalist">datalist</a></code> element.
+
+ <dd>As a child of an <code><a href="#optgroup">optgroup</a></code>
+ element.
+
+ <dt>Content model:
+
+ <dd>Text.
+
+ <dt>Element-specific attributes:
+
+ <dd><code title=attr-option-disabled>disabled</code>
+
+ <dd><code title=attr-option-label>label</code>
- <dt><dfn id=optionin title=dom-option-n><code>Option(in DOMString <var
- title="">name</var>)</code></dfn>
+ <dd><code title=attr-option-selected>selected</code>
- <dt><dfn id=optionin0 title=dom-option-nv><code>Option(in DOMString <var
- title="">name</var>, in DOMString <var title="">value</var>)</code></dfn>
+ <dd><code title=attr-option-value>value</code>
+
+ <dt>DOM interface:
<dd>
- <p>When invoked as constructors, these must return a new
- <code>HTMLOptionElement</code> object (a new <code>option</code>
- element). <span class=big-issue>need to define argument
- processing</span>
+ <pre class=idl>[<a href="#option0" title=dom-option>Constructor</a>(),
+ <a href="#option1" title=dom-option-n>Constructor</a>(in DOMString name),
+ <a href="#option2" title=dom-option-nv>Constructor</a>(in DOMString name, in DOMString value)]
+interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
+ attribute boolean <span title=dom-option-disabled>disabled</span>;
+ readonly attribute <a href="#htmlformelement">HTMLFormElement</a> <span title=dom-option-form>form</span>;
+ attribute DOMString <span title=dom-option-label>label</span>;
+ attribute boolean <span title=dom-option-defaultSelected>defaultSelected</span>;
+ attribute boolean <span title=dom-option-selected>selected</span>;
+ attribute DOMString <span title=dom-input-value>value</span>;
+
+ readonly attribute DOMString <span title=dom-option-text>text</span>;
+ readonly attribute long <span title=dom-option-index>index</span>;
+};</pre>
</dl>
- <h4 id=the-textarea><span class=secno>4.9.11 </span>The
+ <p class=big-issue>...
+
+ <p class=big-issue> <dfn id=option0
+ title=dom-option><code>Option()</code></dfn> <dfn id=option1
+ title=dom-option-n><code>Option(<var title="">name</var>)</code></dfn>
+ <dfn id=option2 title=dom-option-nv><code>Option(<var title="">name</var>,
+ <var title="">value</var>)</code></dfn> ... must return a new <code><a
+ href="#htmloptionelement">HTMLOptionElement</a></code> object (a new
+ <code><a href="#option">option</a></code> element). ... argument
+ processing ...
+
+ <h4 id=the-textarea><span class=secno>4.9.10 </span>The
<code>textarea</code> element</h4>
- <h4 id=the-output><span class=secno>4.9.12 </span>The <code>output</code>
+ <h4 id=the-output><span class=secno>4.9.11 </span>The <code>output</code>
element</h4>
- <h4 id=association><span class=secno>4.9.13 </span>Association of controls
+ <h4 id=association><span class=secno>4.9.12 </span>Association of controls
and forms</h4>
<p class=big-issue>When an element is <dfn id=associated
title=concept-form-association>associated with a form</dfn>, ...
- <h4 id=processing1><span class=secno>4.9.14 </span>Processing model</h4>
+ <h4 id=processing1><span class=secno>4.9.13 </span>Processing model</h4>
<p class=big-issue>See <a
href="http://www.whatwg.org/specs/web-forms/current-work/#extend-form-controls">WF2</a>
for now
- <h5 id=form-submission><span class=secno>4.9.14.1. </span>Form submission</h5>
+ <h5 id=form-submission><span class=secno>4.9.13.1. </span>Form submission</h5>
<p class=big-issue>See <a
href="http://www.whatwg.org/specs/web-forms/current-work/#form-submission">WF2</a>
@@ -28862,9 +28899,9 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
href="#datagrid0">datagrid</a></code> element (the <code><a
href="#select">select</a></code> or <code><a
href="#datalist">datalist</a></code> element), that skips all nodes
- other than <code><a href="#optgroup">optgroup</a></code> and
- <code>option</code> elements, as well as any descendents of any
- <code>option</code> elements.</p>
+ other than <code><a href="#optgroup">optgroup</a></code> and <code><a
+ href="#option">option</a></code> elements, as well as any descendents of
+ any <code><a href="#option">option</a></code> elements.</p>
<p>Given a path <var title="">row</var>, the corresponding element is the
one obtained by drilling into the view, taking the child given by the
@@ -28955,8 +28992,8 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<code title=attr-optgroup-label>label</code> attribute if the <var
title="">row</var>'s corresponding element is an <code><a
href="#optgroup">optgroup</a></code> element, otherwise, if the <var
- title="">row</var>'s corresponding element is an
- <code>option</code>element, its <code
+ title="">row</var>'s corresponding element is an <code><a
+ href="#option">option</a></code>element, its <code
title=attr-option-label>label</code> attribute if it has one, otherwise
the value of its <code><a href="#textcontent">textContent</a></code> DOM
attribute.</p>
@@ -29156,17 +29193,17 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<p>If the first element child of a cell's element is a <code><a
href="#select">select</a></code> element that has a no <code
title=attr-select-multiple>multiple</code> attribute and has at least
- one <code>option</code> element descendent, then the cell acts as a
- cyclable cell.</p>
+ one <code><a href="#option">option</a></code> element descendent, then
+ the cell acts as a cyclable cell.</p>
- <p>The "current" <code>option</code> element is the selected
- <code>option</code> element, or the first <code>option</code> element if
- none is selected.</p>
+ <p>The "current" <code><a href="#option">option</a></code> element is the
+ selected <code><a href="#option">option</a></code> element, or the first
+ <code><a href="#option">option</a></code> element if none is selected.</p>
<p>The <code title=dom-provider-getCellData><a
href="#getcelldata">getCellData()</a></code> method must return the
<code><a href="#textcontent">textContent</a></code> of the current
- <code>option</code> element (the <code
+ <code><a href="#option">option</a></code> element (the <code
title=attr-option-label>label</code> attribute is <a href="#ignored"
title=ignore>ignored</a> in this context as the <code><a
href="#optgroup">optgroup</a></code>s are not displayed).</p>
@@ -29175,17 +29212,19 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
href="#getcellclasses">getCellClasses()</a></code> method must add the
<code title=datagrid-cell-class-cyclable><a
href="#cyclable">cyclable</a></code> class and then all the classes of
- the current <code>option</code> element.</p>
+ the current <code><a href="#option">option</a></code> element.</p>
<p>The <code title=dom-provider-cycleCell><a
href="#cyclecell">cycleCell()</a></code> method must change the
selection of the <code><a href="#select">select</a></code> element such
- that the next <code>option</code> element after the current
- <code>option</code> element is the only one that is selected (in <a
- href="#tree-order">tree order</a>). If the current <code>option</code>
- element is the last <code>option</code> element descendent of the
- <code><a href="#select">select</a></code>, then the first
- <code>option</code> element descendent must be selected instead.</p>
+ that the next <code><a href="#option">option</a></code> element after
+ the current <code><a href="#option">option</a></code> element is the
+ only one that is selected (in <a href="#tree-order">tree order</a>). If
+ the current <code><a href="#option">option</a></code> element is the
+ last <code><a href="#option">option</a></code> element descendent of the
+ <code><a href="#select">select</a></code>, then the first <code><a
+ href="#option">option</a></code> element descendent must be selected
+ instead.</p>
<p>The <code title=dom-provider-setCellCheckedState><a
href="#setcellcheckedstate">setCellCheckedState()</a></code> and <code
@@ -30689,7 +30728,7 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
<dt>An <code><a href="#hr">hr</a></code> element
- <dt>An <code>option</code> element that has a <code
+ <dt>An <code><a href="#option">option</a></code> element that has a <code
title=attr-option-value>value</code> attribute set to the empty string,
and has a <code title=attr-option-disabled>disabled</code> attribute, and
whose <code><a href="#textcontent">textContent</a></code> consists of a
@@ -30967,8 +31006,9 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
title=command-facet-Label>Label</a>, or null if the element does not
define a command or does not specify a <a href="#label4"
title=command-facet-Label>Label</a>. This attribute will be shadowed by
- the <code title="">label</code> DOM attribute on <code>option</code> and
- <code><a href="#command0">command</a></code> elements.
+ the <code title="">label</code> DOM attribute on <code><a
+ href="#option">option</a></code> and <code><a
+ href="#command0">command</a></code> elements.
<p>The <dfn id=title7 title=dom-command-ro-title><code>title</code></dfn>
attribute must return the command's <a href="#hint"
@@ -31007,7 +31047,8 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
define a command, the attribute must return false. This attribute will be
shadowed by the <code title="">disabled</code> attribute on <code><a
href="#button">button</a></code>, <code><a
- href="#input0">input</a></code>, <code>option</code>, and <code><a
+ href="#input0">input</a></code>, <code><a
+ href="#option">option</a></code>, and <code><a
href="#command0">command</a></code> elements.
<p>The <dfn id=checked3
@@ -31204,15 +31245,15 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
title=option-command>Using the <code>option</code> element to define a
command</dfn></h5>
- <p>An <code>option</code> element with an ancestor <code><a
- href="#select">select</a></code> element and either no <code
+ <p>An <code><a href="#option">option</a></code> element with an ancestor
+ <code><a href="#select">select</a></code> element and either no <code
title=attr-option-value>value</code> attribute or a <code
title=attr-option-value>value</code> attribute that is not the empty
string <a href="#command1" title=concept-command>defines a command</a>.
<p>The <a href="#type19" title=command-facet-Type>Type</a> of the command
- is "radio" if the <code>option</code>'s nearest ancestor <code><a
- href="#select">select</a></code> element has no <code
+ is "radio" if the <code><a href="#option">option</a></code>'s nearest
+ ancestor <code><a href="#select">select</a></code> element has no <code
title=attr-select-multiple>multiple</code> attribute, and "checkbox" if it
does.
@@ -31222,10 +31263,11 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
command is an <a href="#anonymous">anonymous command</a>.
<p>The <a href="#label4" title=command-facet-Label>Label</a> of the command
- is the value of the <code>option</code> element's <code
- title=attr-option-label>label</code> attribute, if there is one, or the
- value of the <code>option</code> element's <code><a
- href="#textcontent">textContent</a></code> DOM attribute if it doesn't.
+ is the value of the <code><a href="#option">option</a></code> element's
+ <code title=attr-option-label>label</code> attribute, if there is one, or
+ the value of the <code><a href="#option">option</a></code> element's
+ <code><a href="#textcontent">textContent</a></code> DOM attribute if it
+ doesn't.
<p>The <a href="#hint" title=command-facet-Hint>Hint</a> of the command is
the string given by the element's <code title=attr-title><a
@@ -31253,14 +31295,14 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
command depends on its <a href="#type19"
title=command-facet-Type>Type</a>. If the command is of <a href="#type19"
title=command-facet-Type>Type</a> "radio" then this must set the <code
- title=dom-option-selected>selected</code> DOM attribute of the
- <code>option</code> element to true, otherwise it must toggle the state of
- the <code title=dom-option-selected>selected</code> DOM attribute (set it
- to true if it is false and vice versa). Then <a href="#firing0"
- title="fire a change event">a <code title="">change</code> event must be
- fired</a> on the <code>option</code> element's nearest ancestor <code><a
- href="#select">select</a></code> element (if there is one), as if the
- selection had been changed directly.
+ title=dom-option-selected>selected</code> DOM attribute of the <code><a
+ href="#option">option</a></code> element to true, otherwise it must toggle
+ the state of the <code title=dom-option-selected>selected</code> DOM
+ attribute (set it to true if it is false and vice versa). Then <a
+ href="#firing0" title="fire a change event">a <code title="">change</code>
+ event must be fired</a> on the <code><a href="#option">option</a></code>
+ element's nearest ancestor <code><a href="#select">select</a></code>
+ element (if there is one), as if the selection had been changed directly.
<h5 id=using3><span class=secno>4.11.6.5. </span>Using the <dfn id=command3
title=command-element><code>command</code></dfn> element to define a
@@ -41630,7 +41672,7 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
title=dom-input-defaultValue>defaultValue</code> DOM attribute as well
as the <code title=dom-input-value>value</code> DOM attribute; for
<code><a href="#select">select</a></code> elements it means updating the
- <code>option</code> elements' <code
+ <code><a href="#option">option</a></code> elements' <code
title=dom-option-defaultSelected>defaultSelected</code> DOM attribute as
well as the <code title=dom-option-selected>selected</code> DOM
attribute; for <code>textarea</code> elements this means updating the
@@ -46373,9 +46415,10 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
-->
<!-- </option> -->
- <p>An <code>option</code> element's <span title=syntax-end-tag>end
- tag</span> may be omitted if the <code>option</code> element is
- immediately followed by another <code>option</code> element, or if it is
+ <p>An <code><a href="#option">option</a></code> element's <span
+ title=syntax-end-tag>end tag</span> may be omitted if the <code><a
+ href="#option">option</a></code> element is immediately followed by
+ another <code><a href="#option">option</a></code> element, or if it is
immediately followed by an <code><a href="#optgroup">optgroup</a></code>
element, or if there is no more content in the parent element.</p>
<!-- <colgroup> -->
@@ -50095,7 +50138,7 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
end tags</dfn>, then, while the <a href="#current5">current node</a> is a
<code><a href="#dd">dd</a></code> element, a <code><a
href="#dt">dt</a></code> element, an <code><a href="#li">li</a></code>
- element, an <code>option</code> element, an <code><a
+ element, an <code><a href="#option">option</a></code> element, an <code><a
href="#optgroup">optgroup</a></code> element, a <code><a
href="#p">p</a></code> element, an <code><a href="#rp">rp</a></code>
element, or an <code><a href="#rt">rt</a></code> element, the UA must pop
@@ -52904,16 +52947,18 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<dt>A start tag whose tag name is "option"
<dd>
- <p>If the <a href="#current5">current node</a> is an <code>option</code>
- element, act as if an end tag with the tag name "option" had been seen.</p>
+ <p>If the <a href="#current5">current node</a> is an <code><a
+ href="#option">option</a></code> element, act as if an end tag with the
+ tag name "option" had been seen.</p>
<p><a href="#insert0">Insert an HTML element</a> for the token.</p>
<dt>A start tag whose tag name is "optgroup"
<dd>
- <p>If the <a href="#current5">current node</a> is an <code>option</code>
- element, act as if an end tag with the tag name "option" had been seen.</p>
+ <p>If the <a href="#current5">current node</a> is an <code><a
+ href="#option">option</a></code> element, act as if an end tag with the
+ tag name "option" had been seen.</p>
<p>If the <a href="#current5">current node</a> is an <code><a
href="#optgroup">optgroup</a></code> element, act as if an end tag with
@@ -52924,11 +52969,11 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<dt>An end tag whose tag name is "optgroup"
<dd>
- <p>First, if the <a href="#current5">current node</a> is an
- <code>option</code> element, and the node immediately before it in the
- <a href="#stack">stack of open elements</a> is an <code><a
- href="#optgroup">optgroup</a></code> element, then act as if an end tag
- with the tag name "option" had been seen.</p>
+ <p>First, if the <a href="#current5">current node</a> is an <code><a
+ href="#option">option</a></code> element, and the node immediately
+ before it in the <a href="#stack">stack of open elements</a> is an
+ <code><a href="#optgroup">optgroup</a></code> element, then act as if an
+ end tag with the tag name "option" had been seen.</p>
<p>If the <a href="#current5">current node</a> is an <code><a
href="#optgroup">optgroup</a></code> element, then pop that node from
@@ -52938,10 +52983,10 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<dt>An end tag whose tag name is "option"
<dd>
- <p>If the <a href="#current5">current node</a> is an <code>option</code>
- element, then pop that node from the <a href="#stack">stack of open
- elements</a>. Otherwise, this is a <a href="#parse2">parse error</a>;
- ignore the token.</p>
+ <p>If the <a href="#current5">current node</a> is an <code><a
+ href="#option">option</a></code> element, then pop that node from the <a
+ href="#stack">stack of open elements</a>. Otherwise, this is a <a
+ href="#parse2">parse error</a>; ignore the token.</p>
<dt>An end tag whose tag name is "select"
View
66 source
@@ -24025,8 +24025,8 @@ function AddCloud(data, x, y) { ... }</pre>
attribute DOMString <span title="dom-input-type">type</span>;
attribute DOMString <span title="dom-input-defaultValue">defaultValue</span>;
attribute DOMString <span title="dom-input-value">value</span>;
- attribute DOMTimeStamp <span>valueAsDate</span>;
- attribute float <span>valueAsNumber</span>;
+ attribute DOMTimeStamp <span title="dom-input-valueAsDate">valueAsDate</span>;
+ attribute float <span title="dom-input-valueAsNumber">valueAsNumber</span>;
readonly attribute <span>HTMLOptionElement</span> <span title="dom-input-selectedOption">selectedOption</span>;
readonly attribute <span>HTMLCollection</span> <span title="dom-input-labels">labels</span>;
@@ -24192,7 +24192,8 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>Contexts in which this element may be used:</dt>
<dd>Where <span>phrasing content</span> is expected.</dd>
<dt>Content model:</dt>
- <dd><span>Phrasing content</span>.</dd>
+ <dd>Either: <span>phrasing content</span>.</dd>
+ <dd>Or: Zero or more <code>option</code> elements.</dd>
<dt>Element-specific attributes:</dt>
<dd>None.</dd>
<dt>DOM interface:</dt>
@@ -24221,34 +24222,59 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>DOM interface:</dt>
<dd>
<pre class="idl">interface <dfn>HTMLOptGroupElement</dfn> : <span>HTMLElement</span> {
- attribute boolean <span title="dom-select-disabled">disabled</span>;
- attribute DOMString <span title="dom-select-label">label</span>;
+ attribute boolean <span title="dom-optgroup-disabled">disabled</span>;
+ attribute DOMString <span title="dom-optgroup-label">label</span>;
};</pre>
</dd>
</dl>
<p class="big-issue">...</p>
- <h4>The <code>option</code> element</h4>
-
- <h4>Constructors</h4>
+ <h4>The <dfn><code>option</code></dfn> element</h4>
- <p>All <code>Window</code> objects must provide the following
- constructors:</p>
-
- <dl>
+ <dl class="element">
+ <dt>Categories</dt>
+ <dd>None.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>As a child of a <code>select</code> element.</dd>
+ <dd>As a child of a <code>datalist</code> element.</dd>
+ <dd>As a child of an <code>optgroup</code> element.</dd>
+ <dt>Content model:</dt>
+ <dd>Text.</dd>
+ <dt>Element-specific attributes:</dt>
+ <dd><code title="attr-option-disabled">disabled</code></dd>
+ <dd><code title="attr-option-label">label</code></dd>
+ <dd><code title="attr-option-selected">selected</code></dd>
+ <dd><code title="attr-option-value">value</code></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+<pre class="idl">[<span title="dom-option">Constructor</span>(),
+ <span title="dom-option-n">Constructor</span>(in DOMString name),
+ <span title="dom-option-nv">Constructor</span>(in DOMString name, in DOMString value)]
+interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
+ attribute boolean <span title="dom-option-disabled">disabled</span>;
+ readonly attribute <span>HTMLFormElement</span> <span title="dom-option-form">form</span>;
+ attribute DOMString <span title="dom-option-label">label</span>;
+ attribute boolean <span title="dom-option-defaultSelected">defaultSelected</span>;
+ attribute boolean <span title="dom-option-selected">selected</span>;
+ attribute DOMString <span title="dom-input-value">value</span>;
- <dt><dfn title="dom-option"><code>Option()</code></dfn></dt>
- <dt><dfn title="dom-option-n"><code>Option(in DOMString <var title="">name</var>)</code></dfn></dt>
- <dt><dfn title="dom-option-nv"><code>Option(in DOMString <var title="">name</var>, in DOMString <var title="">value</var>)</code></dfn></dt>
+ readonly attribute DOMString <span title="dom-option-text">text</span>;
+ readonly attribute long <span title="dom-option-index">index</span>;
+};</pre>
+ </dd>
+ </dl>
- <dd><p>When invoked as constructors, these must return a new
- <code>HTMLOptionElement</code> object (a new <code>option</code>
- element). <span class="big-issue">need to define argument
- processing</span></p></dd>
+ <p class="big-issue">...</p>
- </dl>
+ <p class="big-issue">
+ <dfn title="dom-option"><code>Option()</code></dfn>
+ <dfn title="dom-option-n"><code>Option(<var title="">name</var>)</code></dfn>
+ <dfn title="dom-option-nv"><code>Option(<var title="">name</var>, <var title="">value</var>)</code></dfn>
+ ... must return a new <code>HTMLOptionElement</code> object (a new
+ <code>option</code> element). ... argument processing ...
+ </p>
<h4>The <code>textarea</code> element</h4>

0 comments on commit bf9bca6

Please sign in to comment.