Browse files

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

git-svn-id: http://svn.whatwg.org/webapps@2148 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 9155eb7 commit 739a3c891529b7be0ee55b6c2b65588872205917 @Hixie Hixie committed Sep 4, 2008
Showing with 216 additions and 87 deletions.
  1. +160 −85 index
  2. +56 −2 source
View
245 index
@@ -28,7 +28,7 @@
<h1 id=html-5>HTML 5</h1>
- <h2 class="no-num no-toc" id=draft>Draft Recommendation &mdash; 3
+ <h2 class="no-num no-toc" id=draft>Draft Recommendation &mdash; 4
September 2008</h2>
<p>You can take part in this work. <a
@@ -6792,7 +6792,7 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E..
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>select</code> element on which the <code><a
+ <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
@@ -7535,10 +7535,10 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E..
href="#input0">input</a></code>, <code><a href="#map">map</a></code>,
<code><a href="#meta0">meta</a></code>, <code><a
href="#object">object</a></code>,<!-- param?
- XXX--> <code>select</code>,
- and <code>textarea</code> elements in that document that have a <code
- title="">name</code> attribute whose value is equal to the <var
- title="">name</var> argument (in a <a
+ XXX--> <code><a
+ href="#select">select</a></code>, and <code>textarea</code> elements in
+ that document that have a <code title="">name</code> attribute whose value
+ is equal to the <var title="">name</var> argument (in a <a
href="#case-sensitive">case-sensitive</a> manner), in <a
href="#tree-order">tree order</a>.
@@ -26778,7 +26778,6 @@ function AddCloud(data, x, y) { ... }</pre>
readonly attribute HTMLFormElement <span title=dom-button-form>form</span>;
attribute DOMString <span title=dom-button-method>method</span>;
attribute DOMString <span title=dom-button-name>name</span>;
- attribute boolean <span title=dom-button-required>required</span>;
attribute DOMString <span title=dom-button-target>target</span>;
attribute DOMString <span title=dom-button-type>type</span>;
attribute DOMString <span title=dom-button-value>value</span>;
@@ -26832,8 +26831,77 @@ function AddCloud(data, x, y) { ... }</pre>
<p class=big-issue>...
- <h4 id=the-select><span class=secno>4.9.6 </span>The <code>select</code>
- element</h4>
+ <h4 id=the-select><span class=secno>4.9.6 </span>The <dfn
+ id=select><code>select</code></dfn> element</h4>
+
+ <dl class=element>
+ <dt>Categories
+
+ <dd><a href="#phrasing0">Phrasing content</a>.
+
+ <dd><a href="#interactive1">Interactive content</a>.
+
+ <dt>Contexts in which this element may be used:
+
+ <dd>Where <a href="#phrasing0">phrasing content</a> is expected.
+
+ <dt>Content model:
+
+ <dd>Zero or more <code>option</code> or <code>optgroup</code> elements.
+
+ <dt>Element-specific attributes:
+
+ <dd><code title=attr-select-autofocus>autofocus</code>
+
+ <dd><code title=attr-select-disabled>disabled</code>
+
+ <dd><code title=attr-select-form>form</code>
+
+ <dd><code title=attr-select-multiple>multiple</code>
+
+ <dd><code title=attr-select-name>name</code>
+
+ <dd><code title=attr-select-size>size</code>
+
+ <dt>DOM interface:
+
+ <dd>
+ <pre
+ class=idl>interface <dfn id=htmlselectelement>HTMLSelectElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
+ attribute boolean <span title=dom-select-autofocus>autofocus</span>;
+ attribute boolean <span title=dom-select-disabled>disabled</span>;
+ readonly attribute HTMLFormElement <span title=dom-select-form>form</span>;
+ attribute boolean <span title=dom-select-multiple>multiple</span>;
+ attribute DOMString <span title=dom-select-name>name</span>;
+ attribute boolean <span title=dom-select-size>size</span>;
+
+ readonly attribute DOMString <span title=dom-select-type>type</span>;
+
+ readonly attribute HTMLOptionsCollection <span title=dom-select-options>options</span>;
+ attribute unsigned long <span title=dom-select-length>length</span>;
+ [IndexGetter] <a href="#htmlelement">HTMLElement</a> <span title=dom-select-XXX9>XXX9</span>(in unsigned long index);
+
+ readonly attribute HTMLCollection <span title=dom-select-selectedOptions>selectedOptions</span>;
+ attribute long <span title=dom-select-selectedIndex>selectedIndex</span>;
+ attribute DOMString <span title=dom-select-value>value</span>;
+
+ readonly attribute HTMLCollection <span title=dom-select-labels>labels</span>;
+
+ void <span title=dom-select-add>add</span>(in HTMLElement element, in HTMLElement before);
+ void <span title=dom-select-remove>remove</span>(in long index);
+
+ readonly attribute boolean <span title=dom-select-willValidate>willValidate</span>;
+ readonly attribute <span>ValidityState</span> <span title=dom-select-validity>validity</span>;
+ readonly attribute DOMString <span title=dom-select-validationMessage>validationMessage</span>;
+ boolean <span title=dom-select-checkValidatity>checkValidity</span>();
+ void <span title=dom-select-setCustomValidity>setCustomValidity</span>(in DOMString error);
+
+ void <span title=dom-select-dispatchChange>dispatchChange</span>();
+ void <span title=dom-select-dispatchFormChange>dispatchFormChange</span>();
+};</pre>
+ </dl>
+
+ <p class=big-issue>...
<h4 id=the-datalist><span class=secno>4.9.7 </span>The
<code>datalist</code> element</h4>
@@ -27873,12 +27941,12 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<dd>Or: <a href="#flow-content0">Flow content</a>, but where the first
element child node, if any, is not a <code><a
- href="#table">table</a></code>, <code>select</code>, or
- <code>datalist</code> element.
+ href="#table">table</a></code>, <code><a
+ href="#select">select</a></code>, or <code>datalist</code> element.
<dd>Or: A single <code><a href="#table">table</a></code> element.
- <dd>Or: A single <code>select</code> element.
+ <dd>Or: A single <code><a href="#select">select</a></code> element.
<dd>Or: A single <code>datalist</code> element.
@@ -28079,7 +28147,7 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
selection of the <code><a href="#datagrid0">datagrid</a></code> element
when it is first loaded. The data provider could also use this method
call to register a <code title=event-select><a
- href="#select">select</a></code> event handler on the <code><a
+ href="#select0">select</a></code> event handler on the <code><a
href="#datagrid0">datagrid</a></code> in order to monitor selection
changes.
@@ -28718,8 +28786,8 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
href="#updateeverything">updateEverything()</a></code> if the change did
affect the sort order.</p>
- <dt>While the first element child is a <code>select</code> or
- <code>datalist</code> element
+ <dt>While the first element child is a <code><a
+ href="#select">select</a></code> or <code>datalist</code> element
<dd>
<p>The default data provider must return 1 for the column count, the
@@ -28728,10 +28796,11 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<p>For the rows, assume the existence of a node filter view of the
descendants of the first element child of the <code><a
- href="#datagrid0">datagrid</a></code> element (the <code>select</code>
- or <code>datalist</code> element), that skips all nodes other than
- <code>optgroup</code> and <code>option</code> elements, as well as any
- descendents of any <code>option</code> elements.</p>
+ href="#datagrid0">datagrid</a></code> element (the <code><a
+ href="#select">select</a></code> or <code>datalist</code> element), that
+ skips all nodes other than <code>optgroup</code> and <code>option</code>
+ elements, as well as any descendents of any <code>option</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
@@ -28772,14 +28841,16 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
drill through the view to find the element corresponding to the method's
argument, and return the number of child nodes in the filtered view that
the corresponding element has. (If the <var title="">row</var> is empty,
- the corresponding element is the <code>select</code> element at the root
- of the filtered view.)</p>
+ the corresponding element is the <code><a
+ href="#select">select</a></code> element at the root of the filtered
+ view.)</p>
<p><code title=dom-provider-getChildAtPosition><a
href="#getchildatposition">getChildAtPosition(<var title="">row</var>,
<var title="">position</var>)</a></code> must return <var
- title="">position</var>. (The <code>select</code>/<code>datalist</code>
- default data provider does not support sorting the data grid.)</p>
+ title="">position</var>. (The <code><a
+ href="#select">select</a></code>/<code>datalist</code> default data
+ provider does not support sorting the data grid.)</p>
<p><code title=dom-provider-getRowImage><a
href="#getrowimage">getRowImage(<var title="">i</var>)</a></code> must
@@ -29006,18 +29077,18 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
</span>Common default data provider method definitions for cells</h6>
<p>These definitions are used for the cell-specific methods of the default
- data providers (other than in the
- <code>select</code>/<code>datalist</code> case). How they behave is based
- on the contents of an element that represents the cell given by their
- first two arguments. Which element that is is defined in the previous
- section.
+ data providers (other than in the <code><a
+ href="#select">select</a></code>/<code>datalist</code> case). How they
+ behave is based on the contents of an element that represents the cell
+ given by their first two arguments. Which element that is is defined in
+ the previous section.
<dl>
<dt>Cyclable cells
<dd>
- <p>If the first element child of a cell's element is a
- <code>select</code> element that has a no <code
+ <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>
@@ -29042,13 +29113,13 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<p>The <code title=dom-provider-cycleCell><a
href="#cyclecell">cycleCell()</a></code> method must change the
- selection of the <code>select</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>select</code>, then
- the first <code>option</code> element descendent must be selected
- instead.</p>
+ 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>
<p>The <code title=dom-provider-setCellCheckedState><a
href="#setcellcheckedstate">setCellCheckedState()</a></code> and <code
@@ -29663,7 +29734,7 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<p>Any effects the update methods have on the <code><a
href="#datagrid0">datagrid</a></code>'s selection is not considered a
change to the selection, and must therefore not fire the <code
- title=event-select><a href="#select">select</a></code> event.
+ title=event-select><a href="#select0">select</a></code> event.
<p>These update methods should be called only by the data provider, or code
acting on behalf of the data provider. In particular, calling the <code
@@ -29850,15 +29921,15 @@ XXX selection ranges -->
href="#datagrid0">datagrid</a></code> changes, whether due to the user
interacting with the element, or as a result of calls to methods of the
<code title=dom-datagrid-selection><a
- href="#selection0">selection</a></code> object, a <dfn id=select
+ href="#selection0">selection</a></code> object, a <dfn id=select0
title=event-select><code>select</code></dfn><!-- XXX check if we
really should be DFNing this here. It's a DOM3 Core event. What's
our story going to be regarding events and defining them? -->
event that bubbles but is not cancelable must be fired on the <code><a
href="#datagrid0">datagrid</a></code> element. If changes are made to the
selection via calls to the object's methods during the execution of a
script<!-- XXX should xref to a better explanation -->, then the <code
- title=event-select><a href="#select">select</a></code> events must be
+ title=event-select><a href="#select0">select</a></code> events must be
coalesced into one, which must then be fired<!--XXX xref again--> when the
script execution has completed<!-- XXX xref -->.
@@ -30568,11 +30639,11 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
<dt>A <code><a href="#menu">menu</a></code> element with no <code
title=attr-menu-label><a href="#label2">label</a></code> attribute
- <dt>A <code>select</code> element
+ <dt>A <code><a href="#select">select</a></code> element
<dd>Append a separator to the menu, then iterate over the children of the
- <code><a href="#menu">menu</a></code> or <code>select</code> element,
- then append another separator.
+ <code><a href="#menu">menu</a></code> or <code><a
+ href="#select">select</a></code> element, then append another separator.
<dt>A <code><a href="#menu">menu</a></code> element with a <code
title=attr-menu-label><a href="#label2">label</a></code> attribute
@@ -30595,8 +30666,8 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
href="#input0">input</a></code> elements in <code><a
href="#label">label</a></code> elements. Also, <code>optgroup</code>
elements without labels should be ignored (maybe? or at least should say
- they have no label so that they are dropped below), and
- <code>select</code> elements inside <code><a
+ they have no label so that they are dropped below), and <code><a
+ href="#select">select</a></code> elements inside <code><a
href="#label">label</a></code> elements may need special processing.
<p>Once all the nodes have been processed as described above, the user
@@ -31066,15 +31137,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>select</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>An <code>option</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>select</code> element has no <code
+ is "radio" if the <code>option</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.
@@ -31120,9 +31191,9 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
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>select</code> element (if there is one), as if the selection had
- been changed directly.
+ 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.
<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
@@ -33984,8 +34055,8 @@ JSURL: http://ietfreport.isoc.org/all-ids/draft-hoehrmann-javascript-scheme-00.t
<dd>
<p>Must be invoked whenever a <code title=event-select><a
- href="#select">select</a></code> event is targeted at or bubbles through
- the element.
+ href="#select0">select</a></code> event is targeted at or bubbles
+ through the element.
</dd>
<!-- XXX should define when it fires -->
<!--XXX
@@ -35142,7 +35213,7 @@ JSURL: http://ietfreport.isoc.org/all-ids/draft-hoehrmann-javascript-scheme-00.t
<p>Multiple application caches can contain the same resource, e.g. if their
manifests all reference that resource. If the user agent is to <dfn
- id=select0 title=concept-appcache-selection>select an application
+ id=select1 title=concept-appcache-selection>select an application
cache</dfn> from a list of caches that contain a resource, that the user
agent must use the application cache that the user most likely wants to
see the resource from, taking into account the following:
@@ -37165,7 +37236,7 @@ user reload must be equivalent to .reload()
href="#foreign" title=concept-appcache-foreign>foreign</a>), and that
already contain their manifest, categorized as a <a href="#the-manifest"
title=concept-appcache-manifest>manifest</a>. If so, then the user agent
- must then get the resource from the <a href="#select0"
+ must then get the resource from the <a href="#select1"
title=concept-appcache-selection>most appropriate application cache</a>
of those that match.</p>
@@ -37219,7 +37290,7 @@ user reload must be equivalent to .reload()
title=concept-appcache-fallback>fallback resource</a> specified for
the opportunistic caching namespace in question. If multiple
application caches match, the user agent must use the fallback of the
- <a href="#select0" title=concept-appcache-selection>most appropriate
+ <a href="#select1" title=concept-appcache-selection>most appropriate
application cache</a> of those that match.</p>
<p>If <var title="">candidate</var> is not marked as <a href="#foreign"
@@ -40920,9 +40991,10 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
<p>User agents may also allow the user to create selections that are not
exposed to the API.
- <p>The <code><a href="#datagrid0">datagrid</a></code> and
- <code>select</code> elements also have selections, indicating which items
- have been picked by the user. These are not discussed in this section.
+ <p>The <code><a href="#datagrid0">datagrid</a></code> and <code><a
+ href="#select">select</a></code> elements also have selections, indicating
+ which items have been picked by the user. These are not discussed in this
+ section.
<p class=note>This specification does not specify how selections are
presented to the user. The Selectors specification, in conjunction with
@@ -41143,7 +41215,7 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
text selection:
<pre
- class=idl> void <a href="#select1" title="dom-textarea/input-select">select</a>();
+ class=idl> void <a href="#select2" title="dom-textarea/input-select">select</a>();
attribute unsigned long <a href="#selectionstart" title="dom-textarea/input-selectionStart">selectionStart</a>;
attribute unsigned long <a href="#selectionend" title="dom-textarea/input-selectionEnd">selectionEnd</a>;
void <a href="#setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(in unsigned long start, in unsigned long end);</pre>
@@ -41153,7 +41225,7 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
<code><a href="#input0">input</a></code> and <code>textarea</code> text
fields.
- <p>The <dfn id=select1
+ <p>The <dfn id=select2
title="dom-textarea/input-select"><code>select()</code></dfn> method must
cause the contents of the text field to be fully selected.
@@ -41490,15 +41562,15 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
this means updating the <code
title=dom-input-defaultValue>defaultValue</code> DOM attribute as well
as the <code title=dom-input-value>value</code> DOM attribute; for
- <code>select</code> elements it means updating the <code>option</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 <code
- title=dom-textarea-defaultValue>defaultValue</code> DOM attribute as
- well as the <code title=dom-textarea-value>value</code> DOM attribute.
- (Updating the <code title="">default*</code> DOM attributes causes
- content attributes to be updated as well.)
+ <code><a href="#select">select</a></code> elements it means updating the
+ <code>option</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
+ <code title=dom-textarea-defaultValue>defaultValue</code> DOM attribute
+ as well as the <code title=dom-textarea-value>value</code> DOM
+ attribute. (Updating the <code title="">default*</code> DOM attributes
+ causes content attributes to be updated as well.)
</dd>
<!-- XXX something about not supporting resizing? -->
</dl>
@@ -47391,10 +47463,11 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
title="">node</var> to the <var title="">context</var> element. (<a
href="#fragment">fragment case</a>)
- <li>If <var title="">node</var> is a <code>select</code> element, then
- switch the <span>insertion mode</span> to "<a href="#in-select"
- title="insertion mode: in select">in select</a>" and abort these steps.
- (<a href="#fragment">fragment case</a>)
+ <li>If <var title="">node</var> is a <code><a
+ href="#select">select</a></code> element, then switch the <span>insertion
+ mode</span> to "<a href="#in-select" title="insertion mode: in select">in
+ select</a>" and abort these steps. (<a href="#fragment">fragment
+ case</a>)
<li>If <var title="">node</var> is a <code><a href="#td">td</a></code> or
<code><a href="#th">th</a></code> element and <var title="">last</var> is
@@ -47572,8 +47645,9 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<code><a href="#p">p</a></code>, <code><a
href="#param">param</a></code>, <code>plaintext</code>, <code><a
href="#pre">pre</a></code>, <code><a href="#script1">script</a></code>,
- <code><a href="#section">section</a></code>, <code>select</code>,
- <code>spacer</code>, <code><a href="#style1">style</a></code>, <code><a
+ <code><a href="#section">section</a></code>, <code><a
+ href="#select">select</a></code>, <code>spacer</code>, <code><a
+ href="#style1">style</a></code>, <code><a
href="#tbody">tbody</a></code>, <code>textarea</code>, <code><a
href="#tfoot0">tfoot</a></code>, <code><a
href="#thead0">thead</a></code>, <code><a
@@ -51788,10 +51862,10 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<p>If the <a href="#form-element"><code title="">form</code> element
pointer</a> is not null, then <a href="#associated"
- title=concept-form-association>associate</a> the <code>select</code>
- element with the <code><a href="#form">form</a></code> element pointed
- to by the <a href="#form-element"><code title="">form</code> element
- pointer</a>.</p>
+ title=concept-form-association>associate</a> the <code><a
+ href="#select">select</a></code> element with the <code><a
+ href="#form">form</a></code> element pointed to by the <a
+ href="#form-element"><code title="">form</code> element pointer</a>.</p>
<p>If the <span>insertion mode</span> is one of <a href="#in-table"
title="insertion mode: in table">in table</a>", "<a href="#in-caption"
@@ -52810,7 +52884,8 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<p>Otherwise:</p>
<p>Pop elements from the <a href="#stack">stack of open elements</a>
- until a <code>select</code> element has been popped from the stack.</p>
+ until a <code><a href="#select">select</a></code> element has been
+ popped from the stack.</p>
<p><a href="#reset">Reset the insertion mode appropriately</a>.</p>
View
58 source
@@ -24083,7 +24083,6 @@ function AddCloud(data, x, y) { ... }</pre>
readonly attribute HTMLFormElement <span title="dom-button-form">form</span>;
attribute DOMString <span title="dom-button-method">method</span>;
attribute DOMString <span title="dom-button-name">name</span>;
- attribute boolean <span title="dom-button-required">required</span>;
attribute DOMString <span title="dom-button-target">target</span>;
attribute DOMString <span title="dom-button-type">type</span>;
attribute DOMString <span title="dom-button-value">value</span>;
@@ -24128,7 +24127,62 @@ function AddCloud(data, x, y) { ... }</pre>
<p class="big-issue">...</p>
- <h4>The <code>select</code> element</h4>
+ <h4>The <dfn><code>select</code></dfn> element</h4>
+
+ <dl class="element">
+ <dt>Categories</dt>
+ <dd><span>Phrasing content</span>.</dd>
+ <dd><span>Interactive content</span>.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>Where <span>phrasing content</span> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd>Zero or more <code>option</code> or <code>optgroup</code> elements.</dd>
+ <dt>Element-specific attributes:</dt>
+ <dd><code title="attr-select-autofocus">autofocus</code></dd>
+ <dd><code title="attr-select-disabled">disabled</code></dd>
+ <dd><code title="attr-select-form">form</code></dd>
+ <dd><code title="attr-select-multiple">multiple</code></dd>
+ <dd><code title="attr-select-name">name</code></dd>
+ <dd><code title="attr-select-size">size</code></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+<pre class="idl">interface <dfn>HTMLSelectElement</dfn> : <span>HTMLElement</span> {
+ attribute boolean <span title="dom-select-autofocus">autofocus</span>;
+ attribute boolean <span title="dom-select-disabled">disabled</span>;
+ readonly attribute HTMLFormElement <span title="dom-select-form">form</span>;
+ attribute boolean <span title="dom-select-multiple">multiple</span>;
+ attribute DOMString <span title="dom-select-name">name</span>;
+ attribute boolean <span title="dom-select-size">size</span>;
+
+ readonly attribute DOMString <span title="dom-select-type">type</span>;
+
+ readonly attribute HTMLOptionsCollection <span title="dom-select-options">options</span>;
+ attribute unsigned long <span title="dom-select-length">length</span>;
+ [IndexGetter] <span>HTMLElement</span> <span title="dom-select-XXX9">XXX9</span>(in unsigned long index);
+
+ readonly attribute HTMLCollection <span title="dom-select-selectedOptions">selectedOptions</span>;
+ attribute long <span title="dom-select-selectedIndex">selectedIndex</span>;
+ attribute DOMString <span title="dom-select-value">value</span>;
+
+ readonly attribute HTMLCollection <span title="dom-select-labels">labels</span>;
+
+ void <span title="dom-select-add">add</span>(in HTMLElement element, in HTMLElement before);
+ void <span title="dom-select-remove">remove</span>(in long index);
+
+ readonly attribute boolean <span title="dom-select-willValidate">willValidate</span>;
+ readonly attribute <span>ValidityState</span> <span title="dom-select-validity">validity</span>;
+ readonly attribute DOMString <span title="dom-select-validationMessage">validationMessage</span>;
+ boolean <span title="dom-select-checkValidatity">checkValidity</span>();
+ void <span title="dom-select-setCustomValidity">setCustomValidity</span>(in DOMString error);
+
+ void <span title="dom-select-dispatchChange">dispatchChange</span>();
+ void <span title="dom-select-dispatchFormChange">dispatchFormChange</span>();
+};</pre>
+ </dd>
+ </dl>
+
+ <p class="big-issue">...</p>
+
<h4>The <code>datalist</code> element</h4>

0 comments on commit 739a3c8

Please sign in to comment.