Browse files

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

git-svn-id: http://svn.whatwg.org/webapps@2144 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 62a6f3e commit 6c8abb44fe635372dfc6cd49c2427b401550ad92 @Hixie Hixie committed Sep 3, 2008
Showing with 342 additions and 104 deletions.
  1. +242 −101 index
  2. +100 −3 source
View
343 index
@@ -7528,13 +7528,13 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E..
href="#form">form</a></code>, <!-- frame? frameset?
XXX--><code><a
href="#iframe">iframe</a></code>, <code><a href="#img">img</a></code>,
- <code>input</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
+ <code><a 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
href="#case-sensitive">case-sensitive</a> manner), in <a
href="#tree-order">tree order</a>.
@@ -8585,10 +8585,11 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
specifically intended for user interaction.
<p>Certain elements in HTML can be activated, for instance <code><a
- href="#a">a</a></code> elements, <code>button</code> elements, or
- <code>input</code> elements when their <code>type</code> attribute is set
- to <code>radio</code>. Activation of those elements can happen in various
- (UA-defined) ways, for instance via the mouse or keyboard.
+ href="#a">a</a></code> elements, <code>button</code> elements, or <code><a
+ href="#input0">input</a></code> elements when their <code>type</code>
+ attribute is set to <code>radio</code>. Activation of those elements can
+ happen in various (UA-defined) ways, for instance via the mouse or
+ keyboard.
<p>When activation is performed via some method other than clicking the
pointing device, the default action of the event that triggers the
@@ -8924,7 +8925,7 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
-->
that isn't a <a href="#script-created">script-created parser</a>, and
the <a href="#insertion">insertion point</a> associated with that
- parser's <a href="#input0">input stream</a> is not undefined (that is,
+ parser's <a href="#input1">input stream</a> is not undefined (that is,
it <em>does</em> point to somewhere in the input stream), then the
method does nothing. Abort these steps and return the
<code>Document</code> object on which the method was invoked.</p>
@@ -9022,7 +9023,7 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
<li>
<p>Finally, set the <a href="#insertion">insertion point</a> to point at
- just before the end of the <a href="#input0">input stream</a> (which at
+ just before the end of the <a href="#input1">input stream</a> (which at
this point will be empty).
<li>
@@ -9050,7 +9051,7 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
document. If there is such a parser, then, when the method is called, the
user agent must insert an <a href="#explicit0">explicit "EOF"
character</a> at the <a href="#insertion">insertion point</a> of the
- parser's <a href="#input0">input stream</a>.
+ parser's <a href="#input1">input stream</a>.
<h4 id=dynamic1><span class=secno>3.7.2 </span>Dynamic markup insertion in
HTML</h4>
@@ -9066,18 +9067,18 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
must be called (with no arguments) on the <code
title=Document>document</code> object. The <a
href="#insertion">insertion point</a> will point at just before the end
- of the (empty) <a href="#input0">input stream</a>.</p>
+ of the (empty) <a href="#input1">input stream</a>.</p>
<li>
<p>The string consisting of the concatenation of all the arguments to the
- method must be inserted into the <a href="#input0">input
+ method must be inserted into the <a href="#input1">input
stream</a><!-- XXX xref --> just before the <a
href="#insertion">insertion point</a>.</p>
<li>
<p>If there is a <span>pending external script</span>, then the method
must now return without further processing of the <a
- href="#input0">input stream</a>.</p>
+ href="#input1">input stream</a>.</p>
<li>
<p>Otherwise, the tokeniser must process the characters that were
@@ -9138,7 +9139,7 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
-->
<li>
- <p>Place into the <a href="#input0">input stream</a> for the <a
+ <p>Place into the <a href="#input1">input stream</a> for the <a
href="#html-0">HTML parser</a> just created the string being assigned
into the <code title=dom-innerHTML-HTML><a
href="#innerhtml0">innerHTML</a></code> attribute.</p>
@@ -26570,9 +26571,9 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>Element-specific attributes:
- <dd><code title=attr-form-disabled>disabled</code>
+ <dd><code title=attr-fieldset-disabled>disabled</code>
- <dd><code title=attr-form-form>form</code>
+ <dd><code title=attr-fieldset-form>form</code>
<dt>DOM interface:
@@ -26594,8 +26595,137 @@ function AddCloud(data, x, y) { ... }</pre>
<p class=big-issue>...
- <h4 id=the-input><span class=secno>4.9.3 </span>The <code>input</code>
- element</h4>
+ <h4 id=the-input><span class=secno>4.9.3 </span>The <dfn
+ id=input0><code>input</code></dfn> element</h4>
+
+ <dl class=element>
+ <dt>Categories
+
+ <dd><a href="#flow-content0">Flow content</a>.
+
+ <dt>Contexts in which this element may be used:
+
+ <dd>Where <a href="#flow-content0">flow content</a> is expected.
+
+ <dt>Content model:
+
+ <dd><a href="#flow-content0">Flow content</a>.
+
+ <dt>Element-specific attributes:
+
+ <dd><code title=attr-input-accept>accept</code>
+
+ <dd><code title=attr-input-accesskey>accesskey</code>
+
+ <dd><code title=attr-input-action>action</code>
+
+ <dd><code title=attr-input-alt>alt</code>
+
+ <dd><code title=attr-input-autocomplete>autocomplete</code>
+
+ <dd><code title=attr-input-autofocus>autofocus</code>
+
+ <dd><code title=attr-input-checked>checked</code>
+
+ <dd><code title=attr-input-disabled>disabled</code>
+
+ <dd><code title=attr-input-enctype>enctype</code>
+
+ <dd><code title=attr-input-form>form</code>
+
+ <dd><code title=attr-input-inputmode>inputmode</code>
+
+ <dd><code title=attr-input-list>list</code>
+
+ <dd><code title=attr-input-max>max</code>
+
+ <dd><code title=attr-input-maxlength>maxlength</code>
+
+ <dd><code title=attr-input-method>method</code>
+
+ <dd><code title=attr-input-min>min</code>
+
+ <dd><code title=attr-input-name>name</code>
+
+ <dd><code title=attr-input-pattern>pattern</code>
+
+ <dd><code title=attr-input-readonly>readonly</code>
+
+ <dd><code title=attr-input-required>required</code>
+
+ <dd><code title=attr-input-size>size</code>
+
+ <dd><code title=attr-input-src>src</code>
+
+ <dd><code title=attr-input-step>step</code>
+
+ <dd><code title=attr-input-target>target</code>
+
+ <dd><code title=attr-input-type>type</code>
+
+ <dd><code title=attr-input-value>value</code>
+
+ <dt>DOM interface:
+
+ <dd>
+ <pre
+ class=idl>interface <dfn id=htmlinputelement>HTMLInputElement</dfn> : <a href="#htmlelement">HTMLElement</a> {
+
+ attribute DOMString <span title=dom-input-accept>accept</span>;
+ attribute DOMString <span title=dom-input-accessKey>accessKey</span>;
+ attribute DOMString <span title=dom-input-action>action</span>;
+ attribute DOMString <span title=dom-input-align>align</span>;
+ attribute DOMString <span title=dom-input-alt>alt</span>;
+ attribute boolean <span title=dom-input-autocomplete>autocomplete</span>;
+ attribute boolean <span title=dom-input-autofocus>autofocus</span>;
+ attribute boolean <span title=dom-input-defaultChecked>defaultChecked</span>;
+ attribute boolean <span title=dom-input-checked>checked</span>;
+ attribute boolean <span title=dom-input-disabled>disabled</span>;
+ attribute DOMString <span title=dom-input-enctype>enctype</span>;
+ readonly attribute HTMLFormElement <span title=dom-input-form>form</span>;
+ attribute DOMString <span title=dom-input-inputmode>inputmode</span>;
+ readonly attribute HTMLElement <span title=dom-input-list>list</span>;
+ attribute DOMString <span title=dom-input-max>max</span>;
+ attribute long <span title=dom-input-maxLength>maxLength</span>;
+ attribute DOMString <span title=dom-input-method>method</span>;
+ attribute DOMString <span title=dom-input-min>min</span>;
+ attribute DOMString <span title=dom-input-name>name</span>;
+ attribute DOMString <span title=dom-input-pattern>pattern</span>;
+ attribute boolean <span title=dom-input-readOnly>readOnly</span>;
+ attribute boolean <span title=dom-input-required>required</span>;
+ attribute unsigned long <span title=dom-input-size>size</span>;
+ attribute DOMString <span title=dom-input-src>src</span>;
+ attribute DOMString <span title=dom-input-step>step</span>;
+ attribute DOMString <span title=dom-input-target>target</span>;
+ 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>;
+
+ readonly attribute HTMLCollection <span title=dom-input-labels>labels</span>;
+
+ void <span title=dom-input-blur>blur</span>();
+ void <span title=dom-input-focus>focus</span>();
+ void <span title=dom-input-select>select</span>();
+ void <span title=dom-input-click>click</span>();
+ void <span title=dom-input-stepUp>stepUp</span>(in int n);
+ void <span title=dom-input-stepDown>stepDown</span>(in int n);
+
+ readonly attribute boolean <span title=dom-input-willValidate>willValidate</span>;
+ readonly attribute <span>ValidityState</span> <span title=dom-input-validity>validity</span>;
+ readonly attribute DOMString <span title=dom-input-validationMessage>validationMessage</span>;
+ boolean <span title=dom-input-checkValidatity>checkValidity</span>();
+ void <span title=dom-input-setCustomValidity>setCustomValidity</span>(in DOMString error);
+
+ void <span title=dom-input-dispatchChange>dispatchChange</span>();
+ void <span title=dom-input-dispatchFormChange>dispatchFormChange</span>();
+};</pre>
+ </dl>
+ <!-- XXX add selectionStart and company -->
+
+ <p class=big-issue>...
<h4 id=the-button><span class=secno>4.9.4 </span>The <code>button</code>
element</h4>
@@ -28848,8 +28978,8 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<dt>Checkbox cells
<dd>
- <p>If the first element child of a cell's element is an
- <code>input</code> element that has a <code
+ <p>If the first element child of a cell's element is an <code><a
+ href="#input0">input</a></code> element that has a <code
title=attr-input-type>type</code> attribute with the value <code
title="">checkbox</code>, then the cell acts as a check box cell.</p>
@@ -28860,16 +28990,17 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<p>The <code title=dom-provider-getCellClasses><a
href="#getcellclasses">getCellClasses()</a></code> method must add the
<code title=datagrid-cell-class-checked><a
- href="#checked">checked</a></code> class if the <code>input</code>
- element is <span title=dom-input-checked>checked</span>, and the <code
+ href="#checked">checked</a></code> class if the <code><a
+ href="#input0">input</a></code> element is <span
+ title=dom-input-checked>checked</span>, and the <code
title=datagrid-cell-class-unchecked><a
href="#unchecked">unchecked</a></code> class otherwise.</p>
<p>The <code title=dom-provider-setCellCheckedState><a
href="#setcellcheckedstate">setCellCheckedState()</a></code> method must
- set the <code>input</code> element's checkbox <span
- title=dom-input-checked>state</span> to checked if the method's third
- argument is 1, and to unchecked otherwise.</p>
+ set the <code><a href="#input0">input</a></code> element's checkbox
+ <span title=dom-input-checked>state</span> to checked if the method's
+ third argument is 1, and to unchecked otherwise.</p>
<p>The <code title=dom-provider-cycleCell><a
href="#cyclecell">cycleCell()</a></code> and <code
@@ -28879,27 +29010,28 @@ http://mail.gnome.org/archives/usability/2006-June/msg00015.html
<dt>Editable cells
<dd>
- <p>If the first element child of a cell's element is an
- <code>input</code> element that has a <code
+ <p>If the first element child of a cell's element is an <code><a
+ href="#input0">input</a></code> element that has a <code
title=attr-input-type>type</code> attribute with the value <code
title="">text</code> or that has no <code
title=attr-input-type>type</code> attribute at all, then the cell acts
as an editable cell.</p>
<p>The <code title=dom-provider-getCellData><a
href="#getcelldata">getCellData()</a></code> method must return the
- <code title=dom-input-value>value</code> of the <code>input</code>
- element.</p>
+ <code title=dom-input-value>value</code> of the <code><a
+ href="#input0">input</a></code> element.</p>
<p>The <code title=dom-provider-getCellClasses><a
href="#getcellclasses">getCellClasses()</a></code> method must add the
<code title=datagrid-cell-class-editable><a
href="#editable">editable</a></code> class.</p>
<p>The <code title=dom-provider-editCell><a
- href="#editcell">editCell()</a></code> method must set the
- <code>input</code> element's <code title=dom-input-value>value</code>
- DOM attribute to the value of the third argument to the method.</p>
+ href="#editcell">editCell()</a></code> method must set the <code><a
+ href="#input0">input</a></code> element's <code
+ title=dom-input-value>value</code> DOM attribute to the value of the
+ third argument to the method.</p>
<p>The <code title=dom-provider-setCellCheckedState><a
href="#setcellcheckedstate">setCellCheckedState()</a></code> and <code
@@ -30354,11 +30486,12 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
<p class=issue>We should support <code>label</code> in the algorithm above
-- just iterate through the contents like with <code><a
- href="#li">li</a></code>, to support <code>input</code> elements in
- <code>label</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>label</code> elements may need special processing.
+ href="#li">li</a></code>, to support <code><a
+ href="#input0">input</a></code> elements in <code>label</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>label</code>
+ elements may need special processing.
<p>Once all the nodes have been processed as described above, the user
agent must the post-process the menu as follows:
@@ -30629,8 +30762,9 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
title=command-facet-HiddenState>Hidden State</a>. If the element does not
define a command, the attribute must return false. This attribute will be
shadowed by the <code title="">disabled</code> attribute on
- <code>button</code>, <code>input</code>, <code>option</code>, and <code><a
- href="#command0">command</a></code> elements.
+ <code>button</code>, <code><a href="#input0">input</a></code>,
+ <code>option</code>, and <code><a href="#command0">command</a></code>
+ elements.
<p>The <dfn id=checked3
title=dom-command-ro-checked><code>checked</code></dfn> attribute must
@@ -30639,8 +30773,8 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
checked, and false if it is that the command is not checked. If the
element does not define a command, the attribute must return false. This
attribute will be shadowed by the <code title="">checked</code> attribute
- on <code>input</code> and <code><a href="#command0">command</a></code>
- elements.
+ on <code><a href="#input0">input</a></code> and <code><a
+ href="#command0">command</a></code> elements.
<p>The <dfn id=click0 title=dom-command-ro-click><code>click()</code></dfn>
method must trigger the <a href="#action"
@@ -30751,7 +30885,7 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
title=input-command>Using the <code>input</code> element to define a
command</dfn></h5>
- <p>An <code>input</code> element whose <code
+ <p>An <code><a href="#input0">input</a></code> element whose <code
title=attr-input-type>type</code> attribute is one of <code>submit</code>,
<code>reset</code>, <code>button</code>, <code>radio</code>,
<code>checkbox</code>, <code>move-up</code>, <code>move-down</code>,
@@ -30790,9 +30924,9 @@ menu li:not(:first-child)::before { content: ' | '; }</pre>
<p>The <a href="#hint" title=command-facet-Hint>Hint</a> of the command is
the value of the <code title=attr-title><a href="#title">title</a></code>
- attribute of the <code>input</code> element. If the attribute is not
- present, the <a href="#hint" title=command-facet-Hint>Hint</a> is the
- empty string.
+ attribute of the <code><a href="#input0">input</a></code> element. If the
+ attribute is not present, the <a href="#hint"
+ title=command-facet-Hint>Hint</a> is the empty string.
<p>There is no <a href="#icon1" title=command-facet-Icon>Icon</a> for the
command.
@@ -37172,9 +37306,9 @@ user reload must be equivalent to .reload()
mark it as being an <a href="#html-" title="HTML documents">HTML
document</a>, create an <a href="#html-0">HTML parser</a>, associate it
with the document, and begin to use the bytes provided for the document as
- the <a href="#input0">input stream</a> for that parser.
+ the <a href="#input1">input stream</a> for that parser.
- <p class=note>The <a href="#input0">input stream</a> converts bytes into
+ <p class=note>The <a href="#input1">input stream</a> converts bytes into
characters for use in the <span>tokeniser</span><!-- XXX xref
-->. This
process relies, in part, on character encoding information found in the
@@ -40665,9 +40799,9 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
<p>Mostly for historical reasons, in addition to the <a
href="#browsing1">browsing context</a>'s <a href="#a-selection" title="the
- selection">selection</a>, each <code>textarea</code> and
- <code>input</code> element has an independent selection. These are the
- <dfn id=text-field title="text field selection">text field
+ selection">selection</a>, each <code>textarea</code> and <code><a
+ href="#input0">input</a></code> element has an independent selection.
+ These are the <dfn id=text-field title="text field selection">text field
selections</dfn>.
<p>User agents may selectively ignore attempts to use the API to adjust the
@@ -40898,8 +41032,9 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
<p class=big-issue>When we define HTMLTextAreaElement and HTMLInputElement
we will have to add the IDL given below to both of their IDLs.
- <p>The <code>input</code> and <code>textarea</code> elements define four
- members in their DOM interfaces for handling their text selection:
+ <p>The <code><a href="#input0">input</a></code> and <code>textarea</code>
+ elements define four members in their DOM interfaces for handling their
+ text selection:
<pre
class=idl> void <a href="#select1" title="dom-textarea/input-select">select</a>();
@@ -40909,7 +41044,8 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
<!-- XXX also add textLength? it seems to be widely used -->
<p>These methods and attributes expose and control the selection of
- <code>input</code> and <code>textarea</code> text fields.
+ <code><a href="#input0">input</a></code> and <code>textarea</code> text
+ fields.
<p>The <dfn id=select1
title="dom-textarea/input-select"><code>select()</code></dfn> method must
@@ -40969,18 +41105,18 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
<pre>var selectionText = control.value.substring(control.selectionStart, control.selectionEnd);</pre>
- <p>...where <var title="">control</var> is the <code>input</code> or
- <code>textarea</code> element.</p>
+ <p>...where <var title="">control</var> is the <code><a
+ href="#input0">input</a></code> or <code>textarea</code> element.</p>
</div>
<p>Characters with no visible rendering, such as U+200D ZERO WIDTH JOINER,
still count as characters. Thus, for instance, the selection can include
just an invisible character, and the text insertion cursor can be placed
to one side or another of such a character.
- <p>When these methods and attributes are used with <code>input</code>
- elements that are not displaying simple text fields, they must raise an
- <code>INVALID_STATE_ERR</code> exception.
+ <p>When these methods and attributes are used with <code><a
+ href="#input0">input</a></code> elements that are not displaying simple
+ text fields, they must raise an <code>INVALID_STATE_ERR</code> exception.
<h3 id=contenteditable><span class=secno>6.7 </span>The <code
title=attr-contenteditable><a
@@ -41244,9 +41380,10 @@ onActivate, onBeforeDeactivate, onDeactivate, document.hasFocus):
<dd>
<p>When an <a href="#editable0">editable</a> form control is edited, the
changes must be reflected in both its current value <em>and</em> its
- default value. For <code>input</code> elements 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
+ default value. For <code><a href="#input0">input</a></code> elements
+ 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
@@ -42142,8 +42279,9 @@ http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSPr
<dl class=switch>
<dt>If the <a href="#current2">current target element</a> is a text
- field (e.g. <code>textarea</code>, or an <code>input</code> element
- with <code title="">type="text"</code><!--XXX xref-->)
+ field (e.g. <code>textarea</code>, or an <code><a
+ href="#input0">input</a></code> element with <code
+ title="">type="text"</code><!--XXX xref-->)
<dd>The user agent must insert the data associated with the
<code>text/plain</code> format, if any, into the text field in a
@@ -42177,8 +42315,9 @@ http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSPr
<dl class=switch>
<dt>If the <a href="#current2">current target element</a> is a text
- field (e.g. <code>textarea</code>, or an <code>input</code> element
- with <code title="">type="text"</code><!--XXX xref-->), and a <code
+ field (e.g. <code>textarea</code>, or an <code><a
+ href="#input0">input</a></code> element with <code
+ title="">type="text"</code><!--XXX xref-->), and a <code
title=event-drop><a href="#drop">drop</a></code> event was fired in
the previous step, and the <a href="#current3">current drag
operation</a> is "move", and the source of the drag-and-drop
@@ -42188,8 +42327,9 @@ http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSPr
selection from the DOM.
<dt>If the <a href="#current2">current target element</a> is a text
- field (e.g. <code>textarea</code>, or an <code>input</code> element
- with <code title="">type="text"</code><!--XXX xref-->), and a <code
+ field (e.g. <code>textarea</code>, or an <code><a
+ href="#input0">input</a></code> element with <code
+ title="">type="text"</code><!--XXX xref-->), and a <code
title=event-drop><a href="#drop">drop</a></code> event was fired in
the previous step, and the <a href="#current3">current drag
operation</a> is "move", and the source of the drag-and-drop
@@ -42930,7 +43070,7 @@ http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSPr
algorithm</a> with an arbitrary orphan <code><a
href="#body0">body</a></code> element as the <i><a
href="#context0">context</a></i> element and with the <var
- title="">value</var> argument as <i>input</i>.
+ title="">value</var> argument as <i><a href="#input0">input</a></i>.
<li>
<p>Insert the nodes returned by the previous step into the document at
@@ -45561,8 +45701,8 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<code><a href="#img">img</a></code>, <code><a
href="#embed">embed</a></code>, <code><a href="#param">param</a></code>,
<code><a href="#area">area</a></code>, <code><a
- href="#col">col</a></code>, <code>input</code>, <code><a
- href="#source">source</a></code>
+ href="#col">col</a></code>, <code><a href="#input0">input</a></code>,
+ <code><a href="#source">source</a></code>
<dt>CDATA elements
@@ -46344,7 +46484,7 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
...</pre>
</div>
- <h4 id=the-input0><span class=secno>8.2.2 </span>The <dfn id=input0>input
+ <h4 id=the-input0><span class=secno>8.2.2 </span>The <dfn id=input1>input
stream</dfn></h4>
<p>The stream of Unicode characters that consists the input to the
@@ -47013,9 +47153,9 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
Initially, the insertion point is uninitialized.
<p>The "EOF" character in the tables below is a conceptual character
- representing the end of the <a href="#input0">input stream</a>. If the
+ representing the end of the <a href="#input1">input stream</a>. If the
parser is a <a href="#script-created">script-created parser</a>, then the
- end of the <a href="#input0">input stream</a> is reached when an <dfn
+ end of the <a href="#input1">input stream</a> is reached when an <dfn
id=explicit0>explicit "EOF" character</dfn> (inserted by the <code
title=dom-document-close><a href="#close0">document.close()</a></code>
method) is consumed. Otherwise, the "EOF" character is not a real
@@ -47316,17 +47456,17 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
href="#iframe">iframe</a></code>, <!-- <code>image</code>,
(commented out because this isn't an element that can end up on the
stack, so it doesn't matter) -->
- <code><a href="#img">img</a></code>, <code>input</code>,
- <code>isindex</code>, <code><a href="#li">li</a></code>, <code><a
- href="#link">link</a></code>, <code>listing</code>, <code><a
- href="#menu">menu</a></code>, <code><a href="#meta0">meta</a></code>,
- <code><a href="#nav">nav</a></code>, <code>noembed</code>,
- <code>noframes</code>, <code><a href="#noscript">noscript</a></code>,
- <code><a href="#ol">ol</a></code>, <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><a href="#img">img</a></code>, <code><a
+ href="#input0">input</a></code>, <code>isindex</code>, <code><a
+ href="#li">li</a></code>, <code><a href="#link">link</a></code>,
+ <code>listing</code>, <code><a href="#menu">menu</a></code>, <code><a
+ href="#meta0">meta</a></code>, <code><a href="#nav">nav</a></code>,
+ <code>noembed</code>, <code>noframes</code>, <code><a
+ href="#noscript">noscript</a></code>, <code><a href="#ol">ol</a></code>,
+ <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
href="#tbody">tbody</a></code>, <code>textarea</code>, <code><a
href="#tfoot0">tfoot</a></code>, <code><a
@@ -51376,8 +51516,8 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<p>If the <a href="#form-element"><code title="">form</code> element
pointer</a> is not null, then <span>associate</span><!--XXX xref! -->
- the newly created <code>input</code> element with the <code><a
- href="#form">form</a></code> element pointed to by the <a
+ the newly created <code><a href="#input0">input</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>
<dt id=isindex>A start tag whose tag name is "isindex"
@@ -51417,8 +51557,8 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<p>Act as if a start tag token with the tag name "input" had been seen,
with all the attributes from the "isindex" token except "name",
"action", and "prompt". Set the <code title=attr-input-name>name</code>
- attribute of the resulting <code>input</code> element to the value
- "<code title="">isindex</code>".</p>
+ attribute of the resulting <code><a href="#input0">input</a></code>
+ element to the value "<code title="">isindex</code>".</p>
<p>Act as if a stream of character tokens had been seen (see below for
what they should say).</p>
@@ -51434,10 +51574,10 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<p>If the token has an attribute with the name "prompt", then the first
stream of characters must be the same string as given in that attribute,
and the second stream of characters must be empty. Otherwise, the two
- streams of character tokens together should, together with the
- <code>input</code> element, express the equivalent of "This is a
- searchable index. Insert your search keywords here: (input field)" in
- the user's preferred language.</p>
+ streams of character tokens together should, together with the <code><a
+ href="#input0">input</a></code> element, express the equivalent of "This
+ is a searchable index. Insert your search keywords here: (input field)"
+ in the user's preferred language.</p>
<p class=big-issue> Then need to specify that if the form submission
causes just a single form control, whose name is "isindex", to be
@@ -51963,12 +52103,12 @@ interface <dfn id=messagechannel>MessageChannel</dfn> {
<p>If the <a href="#form-element"><code title="">form</code> element
pointer</a> is not null, then <span>associate</span><!--XXX
xref! -->
- the <code>input</code> element with the <code><a
+ the <code><a href="#input0">input</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>Pop that <code>input</code> element off the <a href="#stack">stack of
- open elements</a>.</p>
+ <p>Pop that <code><a href="#input0">input</a></code> element off the <a
+ href="#stack">stack of open elements</a>.</p>
<dt>An end-of-file token
@@ -53375,7 +53515,8 @@ http://lxr.mozilla.org/seamonkey/search?string=nested
href="#br">br</a></code>, <code><a href="#col">col</a></code>,
<code><a href="#embed">embed</a></code>, <code>frame</code>,
<code><a href="#hr">hr</a></code>, <code><a
- href="#img">img</a></code>, <code>input</code>, <code><a
+ href="#img">img</a></code>, <code><a
+ href="#input0">input</a></code>, <code><a
href="#link">link</a></code>, <code><a
href="#meta0">meta</a></code>, <code><a
href="#param">param</a></code>, <code>spacer</code>, or
@@ -53597,7 +53738,7 @@ http://lxr.mozilla.org/seamonkey/search?string=nested
such <code><a href="#form">form</a></code> element, to null.</p>
<li>
- <p>Place into the <a href="#input0">input stream</a> for the <a
+ <p>Place into the <a href="#input1">input stream</a> for the <a
href="#html-0">HTML parser</a> just created the <var
title="">input</var>.</p>
View
103 source
@@ -23937,8 +23937,8 @@ function AddCloud(data, x, y) { ... }</pre>
<dt>Content model:</dt>
<dd><span>Flow content</span>.</dd>
<dt>Element-specific attributes:</dt>
- <dd><code title="attr-form-disabled">disabled</code></dd>
- <dd><code title="attr-form-form">form</code></dd>
+ <dd><code title="attr-fieldset-disabled">disabled</code></dd>
+ <dd><code title="attr-fieldset-form">form</code></dd>
<dt>DOM interface:</dt>
<dd>
<pre class="idl">interface <dfn>HTMLFieldSetElement</dfn> : <span>HTMLElement</span> {
@@ -23959,7 +23959,104 @@ function AddCloud(data, x, y) { ... }</pre>
<p class="big-issue">...</p>
- <h4>The <code>input</code> element</h4>
+ <h4>The <dfn><code>input</code></dfn> element</h4>
+
+ <dl class="element">
+ <dt>Categories</dt>
+ <dd><span>Flow content</span>.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>Where <span>flow content</span> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd><span>Flow content</span>.</dd>
+ <dt>Element-specific attributes:</dt>
+ <dd><code title="attr-input-accept">accept</code></dd>
+ <dd><code title="attr-input-accesskey">accesskey</code></dd>
+ <dd><code title="attr-input-action">action</code></dd>
+ <dd><code title="attr-input-alt">alt</code></dd>
+ <dd><code title="attr-input-autocomplete">autocomplete</code></dd>
+ <dd><code title="attr-input-autofocus">autofocus</code></dd>
+ <dd><code title="attr-input-checked">checked</code></dd>
+ <dd><code title="attr-input-disabled">disabled</code></dd>
+ <dd><code title="attr-input-enctype">enctype</code></dd>
+ <dd><code title="attr-input-form">form</code></dd>
+ <dd><code title="attr-input-inputmode">inputmode</code></dd>
+ <dd><code title="attr-input-list">list</code></dd>
+ <dd><code title="attr-input-max">max</code></dd>
+ <dd><code title="attr-input-maxlength">maxlength</code></dd>
+ <dd><code title="attr-input-method">method</code></dd>
+ <dd><code title="attr-input-min">min</code></dd>
+ <dd><code title="attr-input-name">name</code></dd>
+ <dd><code title="attr-input-pattern">pattern</code></dd>
+ <dd><code title="attr-input-readonly">readonly</code></dd>
+ <dd><code title="attr-input-required">required</code></dd>
+ <dd><code title="attr-input-size">size</code></dd>
+ <dd><code title="attr-input-src">src</code></dd>
+ <dd><code title="attr-input-step">step</code></dd>
+ <dd><code title="attr-input-target">target</code></dd>
+ <dd><code title="attr-input-type">type</code></dd>
+ <dd><code title="attr-input-value">value</code></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+<pre class="idl">interface <dfn>HTMLInputElement</dfn> : <span>HTMLElement</span> {
+
+ attribute DOMString <span title="dom-input-accept">accept</span>;
+ attribute DOMString <span title="dom-input-accessKey">accessKey</span>;
+ attribute DOMString <span title="dom-input-action">action</span>;
+ attribute DOMString <span title="dom-input-align">align</span>;
+ attribute DOMString <span title="dom-input-alt">alt</span>;
+ attribute boolean <span title="dom-input-autocomplete">autocomplete</span>;
+ attribute boolean <span title="dom-input-autofocus">autofocus</span>;
+ attribute boolean <span title="dom-input-defaultChecked">defaultChecked</span>;
+ attribute boolean <span title="dom-input-checked">checked</span>;
+ attribute boolean <span title="dom-input-disabled">disabled</span>;
+ attribute DOMString <span title="dom-input-enctype">enctype</span>;
+ readonly attribute HTMLFormElement <span title="dom-input-form">form</span>;
+ attribute DOMString <span title="dom-input-inputmode">inputmode</span>;
+ readonly attribute HTMLElement <span title="dom-input-list">list</span>;
+ attribute DOMString <span title="dom-input-max">max</span>;
+ attribute long <span title="dom-input-maxLength">maxLength</span>;
+ attribute DOMString <span title="dom-input-method">method</span>;
+ attribute DOMString <span title="dom-input-min">min</span>;
+ attribute DOMString <span title="dom-input-name">name</span>;
+ attribute DOMString <span title="dom-input-pattern">pattern</span>;
+ attribute boolean <span title="dom-input-readOnly">readOnly</span>;
+ attribute boolean <span title="dom-input-required">required</span>;
+ attribute unsigned long <span title="dom-input-size">size</span>;
+ attribute DOMString <span title="dom-input-src">src</span>;
+ attribute DOMString <span title="dom-input-step">step</span>;
+ attribute DOMString <span title="dom-input-target">target</span>;
+ 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>;
+
+ readonly attribute HTMLCollection <span title="dom-input-labels">labels</span>;
+
+ void <span title="dom-input-blur">blur</span>();
+ void <span title="dom-input-focus">focus</span>();
+ void <span title="dom-input-select">select</span>();
+ void <span title="dom-input-click">click</span>();
+ void <span title="dom-input-stepUp">stepUp</span>(in int n);
+ void <span title="dom-input-stepDown">stepDown</span>(in int n);
+
+ readonly attribute boolean <span title="dom-input-willValidate">willValidate</span>;
+ readonly attribute <span>ValidityState</span> <span title="dom-input-validity">validity</span>;
+ readonly attribute DOMString <span title="dom-input-validationMessage">validationMessage</span>;
+ boolean <span title="dom-input-checkValidatity">checkValidity</span>();
+ void <span title="dom-input-setCustomValidity">setCustomValidity</span>(in DOMString error);
+
+ void <span title="dom-input-dispatchChange">dispatchChange</span>();
+ void <span title="dom-input-dispatchFormChange">dispatchFormChange</span>();
+};</pre>
+ </dd>
+ </dl>
+
+ <!-- XXX add selectionStart and company -->
+
+ <p class="big-issue">...</p>
+
<h4>The <code>button</code> element</h4>

0 comments on commit 6c8abb4

Please sign in to comment.