- From: Michael Smith via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 15 Sep 2009 11:16:56 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec-author-view
In directory hutz:/tmp/cvs-serv11192
Modified Files:
Overview.html acknowledgements.html browsers.html comms.html
dom.html editing.html embedded-content-0.html forms.html
history.html iana-considerations.html index.html
infrastructure.html interactive-elements.html
introduction.html microdata.html
named-character-references.html no.html obsolete.html
offline.html references.html semantics.html spec.html
syntax.html tabular-data.html text-level-semantics.html
the-canvas-element.html the-xhtml-syntax.html video.html
Log Message:
Move <div> and <legend> to more appropriate spots. (whatwg r3861)
[updated by splitter]
Index: infrastructure.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/infrastructure.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- infrastructure.html 15 Sep 2009 11:07:10 -0000 1.143
+++ infrastructure.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="introduction.html">← 1 Introduction</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: text-level-semantics.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/text-level-semantics.html,v
retrieving revision 1.141
retrieving revision 1.142
diff -u -d -r1.141 -r1.142
--- text-level-semantics.html 15 Sep 2009 11:07:10 -0000 1.141
+++ text-level-semantics.html 15 Sep 2009 11:16:53 -0000 1.142
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="semantics.html">← 4 The elements of HTML</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: history.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/history.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- history.html 15 Sep 2009 11:07:10 -0000 1.143
+++ history.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="offline.html">← 6.7 Offline Web applications</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: tabular-data.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/tabular-data.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- tabular-data.html 15 Sep 2009 11:07:10 -0000 1.142
+++ tabular-data.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="the-canvas-element.html">← 4.8.11 The canvas element</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: microdata.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/microdata.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- microdata.html 15 Sep 2009 11:07:10 -0000 1.142
+++ microdata.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="interactive-elements.html">← 4.11 Interactive elements</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: Overview.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/Overview.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- Overview.html 15 Sep 2009 11:07:09 -0000 1.142
+++ Overview.html 15 Sep 2009 11:16:52 -0000 1.143
@@ -240,7 +240,7 @@
</dl><p>This specification is available in the following formats:
<a href="spec.html">single page HTML</a>,
<a href="Overview.html">multipage HTML</a>.
-This is revision 1.3025.
+This is revision 1.3027.
</p>
<p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a>
© 2009 <a href="http://www.w3.org/"><abbr title="World Wide
@@ -485,7 +485,8 @@
<li><a href="semantics.html#the-li-element"><span class="secno">4.5.8 </span>The <code>li</code> element</a></li>
<li><a href="semantics.html#the-dl-element"><span class="secno">4.5.9 </span>The <code>dl</code> element</a></li>
<li><a href="semantics.html#the-dt-element"><span class="secno">4.5.10 </span>The <code>dt</code> element</a></li>
- <li><a href="semantics.html#the-dd-element"><span class="secno">4.5.11 </span>The <code>dd</code> element</a></li></ol></li>
+ <li><a href="semantics.html#the-dd-element"><span class="secno">4.5.11 </span>The <code>dd</code> element</a></li>
+ <li><a href="semantics.html#the-div-element"><span class="secno">4.5.12 </span>The <code>div</code> element</a></li></ol></li>
<li><a href="text-level-semantics.html#text-level-semantics"><span class="secno">4.6 </span>Text-level semantics</a>
<ol><li><a href="text-level-semantics.html#the-a-element"><span class="secno">4.6.1 </span>The <code>a</code> element</a></li>
<li><a href="text-level-semantics.html#the-em-element"><span class="secno">4.6.2 </span>The <code>em</code> element</a></li>
@@ -590,63 +591,64 @@
<li><a href="forms.html#forms"><span class="secno">4.10 </span>Forms</a>
<ol><li><a href="forms.html#the-form-element"><span class="secno">4.10.1 </span>The <code>form</code> element</a></li>
<li><a href="forms.html#the-fieldset-element"><span class="secno">4.10.2 </span>The <code>fieldset</code> element</a></li>
- <li><a href="forms.html#the-label-element"><span class="secno">4.10.3 </span>The <code>label</code> element</a></li>
- <li><a href="forms.html#the-input-element"><span class="secno">4.10.4 </span>The <code>input</code> element</a>
- <ol><li><a href="forms.html#states-of-the-type-attribute"><span class="secno">4.10.4.1 </span>States of the <code title="attr-input-type">type</code> attribute</a>
- <ol><li><a href="forms.html#hidden-state"><span class="secno">4.10.4.1.1 </span>Hidden state</a></li>
- <li><a href="forms.html#text-state-and-search-state"><span class="secno">4.10.4.1.2 </span>Text state and Search state</a></li>
- <li><a href="forms.html#telephone-state"><span class="secno">4.10.4.1.3 </span>Telephone state</a></li>
- <li><a href="forms.html#url-state"><span class="secno">4.10.4.1.4 </span>URL state</a></li>
- <li><a href="forms.html#e-mail-state"><span class="secno">4.10.4.1.5 </span>E-mail state</a></li>
- <li><a href="forms.html#password-state"><span class="secno">4.10.4.1.6 </span>Password state</a></li>
- <li><a href="forms.html#date-and-time-state"><span class="secno">4.10.4.1.7 </span>Date and Time state</a></li>
- <li><a href="forms.html#date-state"><span class="secno">4.10.4.1.8 </span>Date state</a></li>
- <li><a href="forms.html#month-state"><span class="secno">4.10.4.1.9 </span>Month state</a></li>
- <li><a href="forms.html#week-state"><span class="secno">4.10.4.1.10 </span>Week state</a></li>
- <li><a href="forms.html#time-state"><span class="secno">4.10.4.1.11 </span>Time state</a></li>
- <li><a href="forms.html#local-date-and-time-state"><span class="secno">4.10.4.1.12 </span>Local Date and Time state</a></li>
- <li><a href="forms.html#number-state"><span class="secno">4.10.4.1.13 </span>Number state</a></li>
- <li><a href="forms.html#range-state"><span class="secno">4.10.4.1.14 </span>Range state</a></li>
- <li><a href="forms.html#color-state"><span class="secno">4.10.4.1.15 </span>Color state</a></li>
- <li><a href="forms.html#checkbox-state"><span class="secno">4.10.4.1.16 </span>Checkbox state</a></li>
- <li><a href="forms.html#radio-button-state"><span class="secno">4.10.4.1.17 </span>Radio Button state</a></li>
- <li><a href="forms.html#file-upload-state"><span class="secno">4.10.4.1.18 </span>File Upload state</a></li>
- <li><a href="forms.html#submit-button-state"><span class="secno">4.10.4.1.19 </span>Submit Button state</a></li>
- <li><a href="forms.html#image-button-state"><span class="secno">4.10.4.1.20 </span>Image Button state</a></li>
- <li><a href="forms.html#reset-button-state"><span class="secno">4.10.4.1.21 </span>Reset Button state</a></li>
- <li><a href="forms.html#button-state"><span class="secno">4.10.4.1.22 </span>Button state</a></li></ol></li>
- <li><a href="forms.html#common-input-element-attributes"><span class="secno">4.10.4.2 </span>Common <code>input</code> element attributes</a>
- <ol><li><a href="forms.html#the-autocomplete-attribute"><span class="secno">4.10.4.2.1 </span>The <code title="attr-input-autocomplete">autocomplete</code> attribute</a></li>
- <li><a href="forms.html#the-list-attribute"><span class="secno">4.10.4.2.2 </span>The <code title="attr-input-list">list</code> attribute</a></li>
- <li><a href="forms.html#the-readonly-attribute"><span class="secno">4.10.4.2.3 </span>The <code title="attr-input-readonly">readonly</code> attribute</a></li>
- <li><a href="forms.html#the-size-attribute"><span class="secno">4.10.4.2.4 </span>The <code title="attr-input-size">size</code> attribute</a></li>
- <li><a href="forms.html#the-required-attribute"><span class="secno">4.10.4.2.5 </span>The <code title="attr-input-required">required</code> attribute</a></li>
- <li><a href="forms.html#the-multiple-attribute"><span class="secno">4.10.4.2.6 </span>The <code title="attr-input-multiple">multiple</code> attribute</a></li>
- <li><a href="forms.html#the-maxlength-attribute"><span class="secno">4.10.4.2.7 </span>The <code title="attr-input-maxlength">maxlength</code> attribute</a></li>
- <li><a href="forms.html#the-pattern-attribute"><span class="secno">4.10.4.2.8 </span>The <code title="attr-input-pattern">pattern</code> attribute</a></li>
- <li><a href="forms.html#the-min-and-max-attributes"><span class="secno">4.10.4.2.9 </span>The <code title="attr-input-min">min</code> and <code title="attr-input-max">max</code> attributes</a></li>
- <li><a href="forms.html#the-step-attribute"><span class="secno">4.10.4.2.10 </span>The <code title="attr-input-step">step</code> attribute</a></li>
- <li><a href="forms.html#the-placeholder-attribute"><span class="secno">4.10.4.2.11 </span>The <code title="attr-input-placeholder">placeholder</code> attribute</a></li></ol></li>
- <li><a href="forms.html#common-input-element-apis"><span class="secno">4.10.4.3 </span>Common <code>input</code> element APIs</a></li></ol></li>
- <li><a href="forms.html#the-button-element"><span class="secno">4.10.5 </span>The <code>button</code> element</a></li>
- <li><a href="forms.html#the-select-element"><span class="secno">4.10.6 </span>The <code>select</code> element</a></li>
- <li><a href="forms.html#the-datalist-element"><span class="secno">4.10.7 </span>The <code>datalist</code> element</a></li>
- <li><a href="forms.html#the-optgroup-element"><span class="secno">4.10.8 </span>The <code>optgroup</code> element</a></li>
- <li><a href="forms.html#the-option-element"><span class="secno">4.10.9 </span>The <code>option</code> element</a></li>
- <li><a href="forms.html#the-textarea-element"><span class="secno">4.10.10 </span>The <code>textarea</code> element</a></li>
- <li><a href="forms.html#the-keygen-element"><span class="secno">4.10.11 </span>The <code>keygen</code> element</a></li>
- <li><a href="forms.html#the-output-element"><span class="secno">4.10.12 </span>The <code>output</code> element</a></li>
- <li><a href="forms.html#association-of-controls-and-forms"><span class="secno">4.10.13 </span>Association of controls and forms</a></li>
- <li><a href="forms.html#attributes-common-to-form-controls"><span class="secno">4.10.14 </span>Attributes common to form controls</a>
- <ol><li><a href="forms.html#naming-form-controls"><span class="secno">4.10.14.1 </span>Naming form controls</a></li>
- <li><a href="forms.html#enabling-and-disabling-form-controls"><span class="secno">4.10.14.2 </span>Enabling and disabling form controls</a></li>
- <li><a href="forms.html#autofocusing-a-form-control"><span class="secno">4.10.14.3 </span>Autofocusing a form control</a></li>
- <li><a href="forms.html#limiting-user-input-length"><span class="secno">4.10.14.4 </span>Limiting user input length</a></li>
- <li><a href="forms.html#form-submission-0"><span class="secno">4.10.14.5 </span>Form submission</a></li></ol></li>
- <li><a href="forms.html#constraints"><span class="secno">4.10.15 </span>Constraints</a>
- <ol><li><a href="forms.html#definitions"><span class="secno">4.10.15.1 </span>Definitions</a></li>
- <li><a href="forms.html#the-constraint-validation-api"><span class="secno">4.10.15.2 </span>The constraint validation API</a></li></ol></li>
- <li><a href="forms.html#form-submission"><span class="secno">4.10.16 </span>Form submission</a></li></ol></li>
+ <li><a href="forms.html#the-legend-element"><span class="secno">4.10.3 </span>The <code>legend</code> element</a></li>
+ <li><a href="forms.html#the-label-element"><span class="secno">4.10.4 </span>The <code>label</code> element</a></li>
+ <li><a href="forms.html#the-input-element"><span class="secno">4.10.5 </span>The <code>input</code> element</a>
+ <ol><li><a href="forms.html#states-of-the-type-attribute"><span class="secno">4.10.5.1 </span>States of the <code title="attr-input-type">type</code> attribute</a>
+ <ol><li><a href="forms.html#hidden-state"><span class="secno">4.10.5.1.1 </span>Hidden state</a></li>
+ <li><a href="forms.html#text-state-and-search-state"><span class="secno">4.10.5.1.2 </span>Text state and Search state</a></li>
+ <li><a href="forms.html#telephone-state"><span class="secno">4.10.5.1.3 </span>Telephone state</a></li>
+ <li><a href="forms.html#url-state"><span class="secno">4.10.5.1.4 </span>URL state</a></li>
+ <li><a href="forms.html#e-mail-state"><span class="secno">4.10.5.1.5 </span>E-mail state</a></li>
+ <li><a href="forms.html#password-state"><span class="secno">4.10.5.1.6 </span>Password state</a></li>
+ <li><a href="forms.html#date-and-time-state"><span class="secno">4.10.5.1.7 </span>Date and Time state</a></li>
+ <li><a href="forms.html#date-state"><span class="secno">4.10.5.1.8 </span>Date state</a></li>
+ <li><a href="forms.html#month-state"><span class="secno">4.10.5.1.9 </span>Month state</a></li>
+ <li><a href="forms.html#week-state"><span class="secno">4.10.5.1.10 </span>Week state</a></li>
+ <li><a href="forms.html#time-state"><span class="secno">4.10.5.1.11 </span>Time state</a></li>
+ <li><a href="forms.html#local-date-and-time-state"><span class="secno">4.10.5.1.12 </span>Local Date and Time state</a></li>
+ <li><a href="forms.html#number-state"><span class="secno">4.10.5.1.13 </span>Number state</a></li>
+ <li><a href="forms.html#range-state"><span class="secno">4.10.5.1.14 </span>Range state</a></li>
+ <li><a href="forms.html#color-state"><span class="secno">4.10.5.1.15 </span>Color state</a></li>
+ <li><a href="forms.html#checkbox-state"><span class="secno">4.10.5.1.16 </span>Checkbox state</a></li>
+ <li><a href="forms.html#radio-button-state"><span class="secno">4.10.5.1.17 </span>Radio Button state</a></li>
+ <li><a href="forms.html#file-upload-state"><span class="secno">4.10.5.1.18 </span>File Upload state</a></li>
+ <li><a href="forms.html#submit-button-state"><span class="secno">4.10.5.1.19 </span>Submit Button state</a></li>
+ <li><a href="forms.html#image-button-state"><span class="secno">4.10.5.1.20 </span>Image Button state</a></li>
+ <li><a href="forms.html#reset-button-state"><span class="secno">4.10.5.1.21 </span>Reset Button state</a></li>
+ <li><a href="forms.html#button-state"><span class="secno">4.10.5.1.22 </span>Button state</a></li></ol></li>
+ <li><a href="forms.html#common-input-element-attributes"><span class="secno">4.10.5.2 </span>Common <code>input</code> element attributes</a>
+ <ol><li><a href="forms.html#the-autocomplete-attribute"><span class="secno">4.10.5.2.1 </span>The <code title="attr-input-autocomplete">autocomplete</code> attribute</a></li>
+ <li><a href="forms.html#the-list-attribute"><span class="secno">4.10.5.2.2 </span>The <code title="attr-input-list">list</code> attribute</a></li>
+ <li><a href="forms.html#the-readonly-attribute"><span class="secno">4.10.5.2.3 </span>The <code title="attr-input-readonly">readonly</code> attribute</a></li>
+ <li><a href="forms.html#the-size-attribute"><span class="secno">4.10.5.2.4 </span>The <code title="attr-input-size">size</code> attribute</a></li>
+ <li><a href="forms.html#the-required-attribute"><span class="secno">4.10.5.2.5 </span>The <code title="attr-input-required">required</code> attribute</a></li>
+ <li><a href="forms.html#the-multiple-attribute"><span class="secno">4.10.5.2.6 </span>The <code title="attr-input-multiple">multiple</code> attribute</a></li>
+ <li><a href="forms.html#the-maxlength-attribute"><span class="secno">4.10.5.2.7 </span>The <code title="attr-input-maxlength">maxlength</code> attribute</a></li>
+ <li><a href="forms.html#the-pattern-attribute"><span class="secno">4.10.5.2.8 </span>The <code title="attr-input-pattern">pattern</code> attribute</a></li>
+ <li><a href="forms.html#the-min-and-max-attributes"><span class="secno">4.10.5.2.9 </span>The <code title="attr-input-min">min</code> and <code title="attr-input-max">max</code> attributes</a></li>
+ <li><a href="forms.html#the-step-attribute"><span class="secno">4.10.5.2.10 </span>The <code title="attr-input-step">step</code> attribute</a></li>
+ <li><a href="forms.html#the-placeholder-attribute"><span class="secno">4.10.5.2.11 </span>The <code title="attr-input-placeholder">placeholder</code> attribute</a></li></ol></li>
+ <li><a href="forms.html#common-input-element-apis"><span class="secno">4.10.5.3 </span>Common <code>input</code> element APIs</a></li></ol></li>
+ <li><a href="forms.html#the-button-element"><span class="secno">4.10.6 </span>The <code>button</code> element</a></li>
+ <li><a href="forms.html#the-select-element"><span class="secno">4.10.7 </span>The <code>select</code> element</a></li>
+ <li><a href="forms.html#the-datalist-element"><span class="secno">4.10.8 </span>The <code>datalist</code> element</a></li>
+ <li><a href="forms.html#the-optgroup-element"><span class="secno">4.10.9 </span>The <code>optgroup</code> element</a></li>
+ <li><a href="forms.html#the-option-element"><span class="secno">4.10.10 </span>The <code>option</code> element</a></li>
+ <li><a href="forms.html#the-textarea-element"><span class="secno">4.10.11 </span>The <code>textarea</code> element</a></li>
+ <li><a href="forms.html#the-keygen-element"><span class="secno">4.10.12 </span>The <code>keygen</code> element</a></li>
+ <li><a href="forms.html#the-output-element"><span class="secno">4.10.13 </span>The <code>output</code> element</a></li>
+ <li><a href="forms.html#association-of-controls-and-forms"><span class="secno">4.10.14 </span>Association of controls and forms</a></li>
+ <li><a href="forms.html#attributes-common-to-form-controls"><span class="secno">4.10.15 </span>Attributes common to form controls</a>
+ <ol><li><a href="forms.html#naming-form-controls"><span class="secno">4.10.15.1 </span>Naming form controls</a></li>
+ <li><a href="forms.html#enabling-and-disabling-form-controls"><span class="secno">4.10.15.2 </span>Enabling and disabling form controls</a></li>
+ <li><a href="forms.html#autofocusing-a-form-control"><span class="secno">4.10.15.3 </span>Autofocusing a form control</a></li>
+ <li><a href="forms.html#limiting-user-input-length"><span class="secno">4.10.15.4 </span>Limiting user input length</a></li>
+ <li><a href="forms.html#form-submission-0"><span class="secno">4.10.15.5 </span>Form submission</a></li></ol></li>
+ <li><a href="forms.html#constraints"><span class="secno">4.10.16 </span>Constraints</a>
+ <ol><li><a href="forms.html#definitions"><span class="secno">4.10.16.1 </span>Definitions</a></li>
+ <li><a href="forms.html#the-constraint-validation-api"><span class="secno">4.10.16.2 </span>The constraint validation API</a></li></ol></li>
+ <li><a href="forms.html#form-submission"><span class="secno">4.10.17 </span>Form submission</a></li></ol></li>
<li><a href="interactive-elements.html#interactive-elements"><span class="secno">4.11 </span>Interactive elements</a>
<ol><li><a href="interactive-elements.html#the-details-element"><span class="secno">4.11.1 </span>The <code>details</code> element</a></li>
<li><a href="interactive-elements.html#the-command"><span class="secno">4.11.2 </span>The <code>command</code> element</a></li>
@@ -654,13 +656,10 @@
<ol><li><a href="interactive-elements.html#menus-intro"><span class="secno">4.11.3.1 </span>Introduction</a></li>
<li><a href="interactive-elements.html#context-menus"><span class="secno">4.11.3.2 </span>Context menus</a></li></ol></li>
<li><a href="interactive-elements.html#commands"><span class="secno">4.11.4 </span>Commands</a></li></ol></li>
- <li><a href="interactive-elements.html#miscellaneous-elements"><span class="secno">4.12 </span>Miscellaneous elements</a>
- <ol><li><a href="interactive-elements.html#the-legend-element"><span class="secno">4.12.1 </span>The <code>legend</code> element</a></li>
- <li><a href="interactive-elements.html#the-div-element"><span class="secno">4.12.2 </span>The <code>div</code> element</a></li></ol></li>
- <li><a href="interactive-elements.html#common-idioms-without-dedicated-elements"><span class="secno">4.13 </span>Common idioms without dedicated elements</a>
- <ol><li><a href="interactive-elements.html#tag-clouds"><span class="secno">4.13.1 </span>Tag clouds</a></li>
- <li><a href="interactive-elements.html#conversations"><span class="secno">4.13.2 </span>Conversations</a></li>
- <li><a href="interactive-elements.html#footnotes"><span class="secno">4.13.3 </span>Footnotes</a></li></ol></li></ol></li>
+ <li><a href="interactive-elements.html#common-idioms-without-dedicated-elements"><span class="secno">4.12 </span>Common idioms without dedicated elements</a>
+ <ol><li><a href="interactive-elements.html#tag-clouds"><span class="secno">4.12.1 </span>Tag clouds</a></li>
+ <li><a href="interactive-elements.html#conversations"><span class="secno">4.12.2 </span>Conversations</a></li>
+ <li><a href="interactive-elements.html#footnotes"><span class="secno">4.12.3 </span>Footnotes</a></li></ol></li></ol></li>
<li><a href="microdata.html#microdata"><span class="secno">5 </span>Microdata</a>
<ol><li><a href="microdata.html#introduction-1"><span class="secno">5.1 </span>Introduction</a>
<ol><li><a href="microdata.html#overview"><span class="secno">5.1.1 </span>Overview</a></li>
Index: embedded-content-0.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/embedded-content-0.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- embedded-content-0.html 15 Sep 2009 11:07:10 -0000 1.142
+++ embedded-content-0.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="dom.html">← 3 Semantics, structure, and APIs of HTML documents</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: dom.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/dom.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- dom.html 15 Sep 2009 11:07:10 -0000 1.143
+++ dom.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="infrastructure.html">← 2 Common infrastructure</a> –
<a href="Overview.html#contents">Table of contents</a> –
@@ -1103,7 +1103,7 @@
other namespaces, if those elements are defined as providing the
relevant contexts.</p><div class="example">
<p>The Atom specification defines the Atom <code title="">content</code> element, when its <code title="">type</code> attribute has the value <code title="">xhtml</code>, as requiring that it contains a single HTML
- <code><a href="interactive-elements.html#the-div-element">div</a></code> element. Thus, a <code><a href="interactive-elements.html#the-div-element">div</a></code> element is
+ <code><a href="semantics.html#the-div-element">div</a></code> element. Thus, a <code><a href="semantics.html#the-div-element">div</a></code> element is
allowed in that context, even though this is not explicitly
normatively stated by this specification. <a href="references.html#refsATOM">[ATOM]</a></p>
</div><p>In addition, <a href="infrastructure.html#elements-in-the-html-namespace">elements in the HTML namespace</a> may be
@@ -1196,7 +1196,7 @@
<li><code><a href="text-level-semantics.html#the-del-element">del</a></code></li>
<li><code><a href="interactive-elements.html#the-details-element">details</a></code></li>
<li><code><a href="text-level-semantics.html#the-dfn-element">dfn</a></code></li>
- <li><code><a href="interactive-elements.html#the-div-element">div</a></code></li>
+ <li><code><a href="semantics.html#the-div-element">div</a></code></li>
<li><code><a href="semantics.html#the-dl-element">dl</a></code></li>
<li><code><a href="text-level-semantics.html#the-em-element">em</a></code></li>
<li><code><a href="text-level-semantics.html#the-embed-element">embed</a></code></li>
Index: acknowledgements.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/acknowledgements.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- acknowledgements.html 15 Sep 2009 11:07:09 -0000 1.142
+++ acknowledgements.html 15 Sep 2009 11:16:52 -0000 1.143
@@ -217,7 +217,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="references.html">← References</a> –
<a href="Overview.html#contents">Table of contents</a>
Index: the-canvas-element.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/the-canvas-element.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- the-canvas-element.html 15 Sep 2009 11:07:11 -0000 1.142
+++ the-canvas-element.html 15 Sep 2009 11:16:54 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="video.html">← 4.8.7 The video element</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: iana-considerations.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/iana-considerations.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- iana-considerations.html 15 Sep 2009 11:07:10 -0000 1.142
+++ iana-considerations.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="no.html">← 12 Things that you can't do with this specification because they are better handled using other technologies that are further described herein</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: forms.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/forms.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- forms.html 15 Sep 2009 11:07:10 -0000 1.142
+++ forms.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="tabular-data.html">← 4.9 Tabular data</a> –
<a href="Overview.html#contents">Table of contents</a> –
@@ -486,7 +486,7 @@
<dt>Contexts in which this element may be used:</dt>
<dd>Where <a href="dom.html#flow-content">flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>One <code><a href="interactive-elements.html#the-legend-element">legend</a></code> element followed by <a href="dom.html#flow-content">flow content</a>.</dd>
+ <dd>One <code><a href="#the-legend-element">legend</a></code> element followed by <a href="dom.html#flow-content">flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href="dom.html#global-attributes">Global attributes</a></dd>
<dd><code title="attr-fieldset-disabled"><a href="#attr-fieldset-disabled">disabled</a></code></dd>
@@ -511,7 +511,7 @@
};</pre>
</dd>
</dl><p>The <code><a href="#the-fieldset-element">fieldset</a></code> element <a href="#represents">represents</a> a set of form
- controls grouped under a common name.</p><p>The name of the group is given by the first <code><a href="interactive-elements.html#the-legend-element">legend</a></code>
+ controls grouped under a common name.</p><p>The name of the group is given by the first <code><a href="#the-legend-element">legend</a></code>
element that is a child of the <code><a href="#the-fieldset-element">fieldset</a></code> element. The
remainder of the descendants form the group.</p><p>The <dfn id="attr-fieldset-disabled" title="attr-fieldset-disabled"><code>disabled</code></dfn>
attribute, when specified, causes all the form control descendants
@@ -552,7 +552,32 @@
<p><label>Expiry date: <input name=clubexp type=month></label></p>
</fieldset></pre>
- </div><h4 id="the-label-element"><span class="secno">4.10.3 </span>The <dfn><code>label</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-legend-element"><span class="secno">4.10.3 </span>The <dfn><code>legend</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ <dd>None.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>As the first child of a <code><a href="#the-fieldset-element">fieldset</a></code> element.</dd>
+ <dt>Content model:</dt>
+ <dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
+ <dt>Content attributes:</dt>
+ <dd><a href="dom.html#global-attributes">Global attributes</a></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+ <pre class="idl">interface <dfn id="htmllegendelement">HTMLLegendElement</dfn> : <a href="dom.html#htmlelement">HTMLElement</a> {
+ readonly attribute <a href="#htmlformelement">HTMLFormElement</a> <a href="#dom-legend-form" title="dom-legend-form">form</a>;
+};</pre>
+ </dd>
+ </dl><p>The <code><a href="#the-legend-element">legend</a></code> element <a href="#represents">represents</a> a caption
+ for the rest of the contents of the <code><a href="#the-legend-element">legend</a></code> element's
+ parent <code><a href="#the-fieldset-element">fieldset</a></code> element.</p><dl class="domintro"><dt><var title="">legend</var> . <code title="dom-legend-form"><a href="#dom-legend-form">form</a></code></dt>
+
+ <dd>
+
+ <p>Returns the element's <code><a href="#the-form-element">form</a></code> element, if any, or
+ null otherwise.</p>
+
+ </dd>
+
+ </dl><h4 id="the-label-element"><span class="secno">4.10.4 </span>The <dfn><code>label</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dd><a href="embedded-content-0.html#interactive-content">Interactive content</a>.</dd>
@@ -608,7 +633,7 @@
<p><label>Age: <input name=age type=number min=0></label></p>
<p><label>Post code: <input name=pc> <small>Format: AB12 3CD</small></label></p></pre>
- </div><h4 id="the-input-element"><span class="secno">4.10.4 </span>The <dfn><code>input</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-input-element"><span class="secno">4.10.5 </span>The <dfn><code>input</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dd>If the <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is <em>not</em> in the <a href="#hidden-state" title="attr-input-type-hidden">Hidden</a> state: <a href="embedded-content-0.html#interactive-content">Interactive content</a>.</dd>
@@ -1712,12 +1737,12 @@
attribute represents the element's name. The <code title="attr-fe-disabled"><a href="#attr-fe-disabled">disabled</a></code> attribute is used to make
the control non-interactive and to prevent its value from being
submitted. The <code title="attr-fe-autofocus"><a href="#attr-fe-autofocus">autofocus</a></code>
- attribute controls focus.</p><h5 id="states-of-the-type-attribute"><span class="secno">4.10.4.1 </span>States of the <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute</h5><h6 id="hidden-state"><span class="secno">4.10.4.1.1 </span><dfn title="attr-input-type-hidden">Hidden</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a value
+ attribute controls focus.</p><h5 id="states-of-the-type-attribute"><span class="secno">4.10.5.1 </span>States of the <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute</h5><h6 id="hidden-state"><span class="secno">4.10.5.1.1 </span><dfn title="attr-input-type-hidden">Hidden</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a value
that is not intended to be examined or manipulated by the user.</p><p>If the <code title="attr-input-value"><a href="#attr-input-value">name</a></code> attribute is
present and has a value that is a <a href="infrastructure.html#case-sensitive">case-sensitive</a> match
for the string "<code title="">_charset_</code>", then the element's
<code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute must be
- omitted.</p><h6 id="text-state-and-search-state"><span class="secno">4.10.4.1.2 </span><dfn title="attr-input-type-text">Text</dfn> state and <dfn title="attr-input-type-search">Search</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 idea: applying input masks to <input>, e.g. for entering
+ omitted.</p><h6 id="text-state-and-search-state"><span class="secno">4.10.5.1.2 </span><dfn title="attr-input-type-text">Text</dfn> state and <dfn title="attr-input-type-search">Search</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 idea: applying input masks to <input>, e.g. for entering
data with slashes and dashes (ack Greg Kilwein)
--><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a one line
plain text edit control for the element's <a href="#concept-fe-value" title="concept-fe-value">value</a>.</p><p class="note">The difference between the <a href="#text-state-and-search-state" title="attr-input-type-text">Text</a> state and the <a href="#text-state-and-search-state" title="attr-input-type-search">Search</a> state is primarily
@@ -1726,7 +1751,7 @@
an appearance consistent with the platform's search fields rather
than appearing like a regular text field.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
- or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id="telephone-state"><span class="secno">4.10.4.1.3 </span><dfn title="attr-input-type-tel">Telephone</dfn> state</h6><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id="telephone-state"><span class="secno">4.10.5.1.3 </span><dfn title="attr-input-type-tel">Telephone</dfn> state</h6><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for editing a telephone number given in the element's <a href="#concept-fe-value" title="concept-fe-value">value</a>.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
or U+000D CARRIAGE RETURN (CR) characters.</p><p class="note">Unlike the <a href="#url-state" title="attr-input-type-url">URL</a> and <a href="#e-mail-state" title="attr-input-type-email">E-mail</a> types, the <a href="#telephone-state" title="attr-input-type-tel">Telephone</a> type does not enforce a
@@ -1734,11 +1759,11 @@
number fields tend to be free-form fields, because there are a wide
variety of valid phone numbers. Systems that need to enforce a
particular format are encouraged to use the <code title="dom-cva-setCustomValidity"><a href="#dom-cva-setcustomvalidity">setCustomValidity()</a></code> method
- to hook into the client-side validation mechanism.</p><h6 id="url-state"><span class="secno">4.10.4.1.4 </span><dfn title="attr-input-type-url">URL</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ to hook into the client-side validation mechanism.</p><h6 id="url-state"><span class="secno">4.10.5.1.4 </span><dfn title="attr-input-type-url">URL</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for editing a single <a href="infrastructure.html#absolute-url">absolute URL</a> given in the
element's <a href="#concept-fe-value" title="concept-fe-value">value</a>.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-url" title="valid
- URL">valid</a> <a href="infrastructure.html#absolute-url">absolute URL</a>.</p><h6 id="e-mail-state"><span class="secno">4.10.4.1.5 </span><dfn title="attr-input-type-email">E-mail</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ URL">valid</a> <a href="infrastructure.html#absolute-url">absolute URL</a>.</p><h6 id="e-mail-state"><span class="secno">4.10.5.1.5 </span><dfn title="attr-input-type-email">E-mail</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for editing a list of e-mail addresses given in the element's <a href="#concept-fe-value" title="concept-fe-value">value</a>.</p><p>If the <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code>
attribute is specified on the element, then the <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if specified, must
have a value that is a <a href="#valid-e-mail-address-list">valid e-mail address list</a>;
@@ -1756,11 +1781,11 @@
simultaneously too strict (before the "@" character), too vague
(after the "@" character), and too lax (allowing comments, white
space characters, and quoted strings in manners unfamiliar to most
- users) to be of practical use here.</p><h6 id="password-state"><span class="secno">4.10.4.1.6 </span><dfn title="attr-input-type-password">Password</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a one line
+ users) to be of practical use here.</p><h6 id="password-state"><span class="secno">4.10.5.1.6 </span><dfn title="attr-input-type-password">Password</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a one line
plain text edit control for the element's <a href="#concept-fe-value" title="concept-fe-value">value</a>. The user agent should obscure
the value so that people other than the user cannot see it.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
- or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id="date-and-time-state"><span class="secno">4.10.4.1.7 </span><dfn title="attr-input-type-datetime">Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id="date-and-time-state"><span class="secno">4.10.5.1.7 </span><dfn title="attr-input-type-datetime">Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
specific <a href="infrastructure.html#concept-datetime" title="concept-datetime">global date and
time</a>. </p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
@@ -1772,7 +1797,7 @@
attribute, if specified, must have a value that is a <a href="infrastructure.html#valid-global-date-and-time-string">valid
global date and time string</a>.</p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute is
expressed in seconds. The <a href="#concept-input-step-default" title="concept-input-step-default">default step</a> is 60
- seconds.</p><h6 id="date-state"><span class="secno">4.10.4.1.8 </span><dfn title="attr-input-type-date">Date</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ seconds.</p><h6 id="date-state"><span class="secno">4.10.5.1.8 </span><dfn title="attr-input-type-date">Date</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
specific <a href="infrastructure.html#concept-date" title="concept-date">date</a>.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-date-string">valid date
@@ -1782,7 +1807,7 @@
string</a>. The <code title="attr-input-max"><a href="#attr-input-max">max</a></code>
attribute, if specified, must have a value that is a <a href="infrastructure.html#valid-date-string">valid
date string</a>.</p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute is
- expressed in days. The <a href="#concept-input-step-default" title="concept-input-step-default">default step</a> is 1 day.</p><h6 id="month-state"><span class="secno">4.10.4.1.9 </span><dfn title="attr-input-type-month">Month</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ expressed in days. The <a href="#concept-input-step-default" title="concept-input-step-default">default step</a> is 1 day.</p><h6 id="month-state"><span class="secno">4.10.5.1.9 </span><dfn title="attr-input-type-month">Month</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
specific <a href="infrastructure.html#concept-month" title="concept-month">month</a>.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-month-string">valid month
@@ -1794,7 +1819,7 @@
month string</a>.</p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute is
expressed in months.
The <a href="#concept-input-step-default" title="concept-input-step-default">default step</a> is
- 1 month.</p><h6 id="week-state"><span class="secno">4.10.4.1.10 </span><dfn title="attr-input-type-week">Week</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ 1 month.</p><h6 id="week-state"><span class="secno">4.10.5.1.10 </span><dfn title="attr-input-type-week">Week</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
specific <a href="infrastructure.html#concept-week" title="concept-week">week</a>.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-week-string">valid week
@@ -1805,7 +1830,7 @@
attribute, if specified, must have a value that is a <a href="infrastructure.html#valid-week-string">valid
week string</a>.</p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute is
expressed in weeks. The <a href="#concept-input-step-default" title="concept-input-step-default">default step</a> is 1
- week.</p><h6 id="time-state"><span class="secno">4.10.4.1.11 </span><dfn title="attr-input-type-time">Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ week.</p><h6 id="time-state"><span class="secno">4.10.5.1.11 </span><dfn title="attr-input-type-time">Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
specific <a href="infrastructure.html#concept-time" title="concept-time">time</a>.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-time-string">valid time
@@ -1816,7 +1841,7 @@
attribute, if specified, must have a value that is a <a href="infrastructure.html#valid-time-string">valid
time string</a>.</p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute is
expressed in seconds. The <a href="#concept-input-step-default" title="concept-input-step-default">default step</a> is 60
- seconds.</p><h6 id="local-date-and-time-state"><span class="secno">4.10.4.1.12 </span><dfn title="attr-input-type-datetime-local">Local Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ seconds.</p><h6 id="local-date-and-time-state"><span class="secno">4.10.5.1.12 </span><dfn title="attr-input-type-datetime-local">Local Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
<a href="infrastructure.html#concept-datetime-local" title="concept-datetime-local">local date and time</a>,
with no time-zone offset information.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
@@ -1828,7 +1853,7 @@
attribute, if specified, must have a value that is a <a href="infrastructure.html#valid-local-date-and-time-string">valid
local date and time string</a>.</p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute is
expressed in seconds. The <a href="#concept-input-step-default" title="concept-input-step-default">default step</a> is 60
- seconds.</p><h6 id="number-state"><span class="secno">4.10.4.1.13 </span><dfn title="attr-input-type-number">Number</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ seconds.</p><h6 id="number-state"><span class="secno">4.10.5.1.13 </span><dfn title="attr-input-type-number">Number</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
number.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-floating-point-number">valid floating point
@@ -1839,7 +1864,7 @@
attribute, if specified, must have a value that is a <a href="infrastructure.html#valid-floating-point-number">valid
floating point number</a>.</p><p>The <a href="#concept-input-step-default" title="concept-input-step-default">default
step</a> is 1 (allowing only integers, unless the <code title="attr-input-min"><a href="#attr-input-min">min</a></code> attribute has a non-integer
- value).</p><h6 id="range-state"><span class="secno">4.10.4.1.14 </span><dfn title="attr-input-type-range">Range</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ value).</p><h6 id="range-state"><span class="secno">4.10.5.1.14 </span><dfn title="attr-input-type-range">Range</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
number, but with the caveat that the exact value is not important,
letting UAs provide a simpler interface than they do for the <a href="#number-state" title="attr-input-type-number">Number</a> state.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
@@ -1855,11 +1880,11 @@
plus half the difference between the <a href="#concept-input-min" title="concept-input-min">minimum</a> and the <a href="#concept-input-max" title="concept-input-max">maximum</a>, unless the <a href="#concept-input-max" title="concept-input-max">maximum</a> is less than the <a href="#concept-input-min" title="concept-input-min">minimum</a>, in which case the <a href="#concept-input-value-default-range" title="concept-input-value-default-range">default value</a> is
the <a href="#concept-input-min" title="concept-input-min">minimum</a>.</p><p>The <a href="#concept-input-step-default" title="concept-input-step-default">default
step</a> is 1 (allowing only integers, unless the <code title="attr-input-min"><a href="#attr-input-min">min</a></code> attribute has a non-integer
- value).</p><h6 id="color-state"><span class="secno">4.10.4.1.15 </span><dfn title="attr-input-type-color">Color</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a color
+ value).</p><h6 id="color-state"><span class="secno">4.10.5.1.15 </span><dfn title="attr-input-type-color">Color</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a color
well control, for setting the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> to a string representing a
<a href="infrastructure.html#simple-color">simple color</a>.</p><p>The <code title="attr-input-value"><a href="#attr-input-value">value</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-simple-color">valid simple
- color</a>.</p><h6 id="checkbox-state"><span class="secno">4.10.4.1.16 </span><dfn title="attr-input-type-checkbox">Checkbox</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a
+ color</a>.</p><h6 id="checkbox-state"><span class="secno">4.10.5.1.16 </span><dfn title="attr-input-type-checkbox">Checkbox</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a
two-state control that represents the element's <a href="#concept-fe-checked" title="concept-fe-checked">checkedness</a> state. If the
element's <a href="#concept-fe-checked" title="concept-fe-checked">checkedness</a> state
is true, the control represents a positive selection, and if it is
@@ -1877,7 +1902,7 @@
</dd>
- </dl><h6 id="radio-button-state"><span class="secno">4.10.4.1.17 </span><dfn title="attr-input-type-radio">Radio Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
+ </dl><h6 id="radio-button-state"><span class="secno">4.10.5.1.17 </span><dfn title="attr-input-type-radio">Radio Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a control
that, when used in conjunction with other <code><a href="#the-input-element">input</a></code>
elements, forms a <i><a href="#radio-button-group">radio button group</a></i> in which only one
control can have its <a href="#concept-fe-checked" title="concept-fe-checked">checkedness</a> state set to true. If
@@ -1903,7 +1928,7 @@
group</a> are checked when they are inserted into the document,
then they will all be initially unchecked in the interface, until
such time as one of them is checked (either by the user or by
- script).</p><h6 id="file-upload-state"><span class="secno">4.10.4.1.18 </span><dfn title="attr-input-type-file">File Upload</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 ideas:
+ script).</p><h6 id="file-upload-state"><span class="secno">4.10.5.1.18 </span><dfn title="attr-input-type-file">File Upload</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 ideas:
* maximum height/width or required ratio for image uploads? - Leons Petrazickis
* maximum per-file upload size - Alfonso Martínez de Lizarrondo
--><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a list of
@@ -1931,11 +1956,11 @@
</dl><p>The tokens must not be <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a>
matches for any of the other tokens (i.e. duplicates are not
- allowed). </p><hr><h6 id="submit-button-state"><span class="secno">4.10.4.1.19 </span><dfn title="attr-input-type-submit">Submit Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a button
+ allowed). </p><hr><h6 id="submit-button-state"><span class="secno">4.10.5.1.19 </span><dfn title="attr-input-type-submit">Submit Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a button
that, when activated, submits the form. The element is a <a href="#concept-button" title="concept-button">button</a>, specifically a <a href="#concept-submit-button" title="concept-submit-button">submit button</a>.</p><p>The <code title="attr-fs-formaction"><a href="#attr-fs-formaction">formaction</a></code>, <code title="attr-fs-formenctype"><a href="#attr-fs-formenctype">formenctype</a></code>, <code title="attr-fs-formmethod"><a href="#attr-fs-formmethod">formmethod</a></code>, <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code>, and <code title="attr-fs-formtarget"><a href="#attr-fs-formtarget">formtarget</a></code> attributes are <a href="#attributes-for-form-submission">attributes
for form submission</a>.</p><p class="note">The <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code> attribute can
be used to make submit buttons that do not trigger the constraint
- validation.</p><h6 id="image-button-state"><span class="secno">4.10.4.1.20 </span><dfn title="attr-input-type-image">Image Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> either an
+ validation.</p><h6 id="image-button-state"><span class="secno">4.10.5.1.20 </span><dfn title="attr-input-type-image">Image Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> either an
image from which a user can select a coordinate and submit the form,
or alternatively a button from which the user can submit the
form. The element is a <a href="#concept-button" title="concept-button">button</a>,
@@ -1951,9 +1976,9 @@
for form submission</a>.</p><p class="note">Many aspects of this state's behavior are similar to
the behavior of the <code><a href="text-level-semantics.html#the-img-element">img</a></code> element. Readers are encouraged
to read that section, where many of the same requirements are
- described in more detail.</p><h6 id="reset-button-state"><span class="secno">4.10.4.1.21 </span><dfn title="attr-input-type-reset">Reset Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a button
- that, when activated, resets the form. The element is a <a href="#concept-button" title="concept-button">button</a>.</p><h6 id="button-state"><span class="secno">4.10.4.1.22 </span><dfn title="attr-input-type-button">Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a button
- with no default behavior. The element is a <a href="#concept-button" title="concept-button">button</a>.</p><h5 id="common-input-element-attributes"><span class="secno">4.10.4.2 </span>Common <code><a href="#the-input-element">input</a></code> element attributes</h5><h6 id="the-autocomplete-attribute"><span class="secno">4.10.4.2.1 </span>The <code title="attr-input-autocomplete"><a href="#attr-input-autocomplete">autocomplete</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>User agents sometimes have features for helping users fill forms
+ described in more detail.</p><h6 id="reset-button-state"><span class="secno">4.10.5.1.21 </span><dfn title="attr-input-type-reset">Reset Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a button
+ that, when activated, resets the form. The element is a <a href="#concept-button" title="concept-button">button</a>.</p><h6 id="button-state"><span class="secno">4.10.5.1.22 </span><dfn title="attr-input-type-button">Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#the-input-element">input</a></code> element <a href="#represents">represents</a> a button
+ with no default behavior. The element is a <a href="#concept-button" title="concept-button">button</a>.</p><h5 id="common-input-element-attributes"><span class="secno">4.10.5.2 </span>Common <code><a href="#the-input-element">input</a></code> element attributes</h5><h6 id="the-autocomplete-attribute"><span class="secno">4.10.5.2.1 </span>The <code title="attr-input-autocomplete"><a href="#attr-input-autocomplete">autocomplete</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>User agents sometimes have features for helping users fill forms
in, for example prefilling the user's address based on earlier user
input.</p><p>The <dfn id="attr-input-autocomplete" title="attr-input-autocomplete"><code>autocomplete</code></dfn>
attribute is an <a href="infrastructure.html#enumerated-attribute">enumerated attribute</a>. The attribute has
@@ -1984,7 +2009,7 @@
<pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
<p><label>PIN: <input type="password" name="pin" autocomplete="off"></label></p></pre>
- </div><h6 id="the-list-attribute"><span class="secno">4.10.4.2.2 </span>The <code title="attr-input-list"><a href="#attr-input-list">list</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-list" title="attr-input-list"><code>list</code></dfn>
+ </div><h6 id="the-list-attribute"><span class="secno">4.10.5.2.2 </span>The <code title="attr-input-list"><a href="#attr-input-list">list</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-list" title="attr-input-list"><code>list</code></dfn>
attribute is used to identify an element that lists predefined
options suggested to the user.</p><p>If present, its value must be the ID of a <code><a href="#the-datalist-element">datalist</a></code>
element in the same document.</p><div class="example">
@@ -2000,7 +2025,7 @@
<p>Other URLs from the user's history might show also; this is up
to the user agent.</p>
- </div><h6 id="the-readonly-attribute"><span class="secno">4.10.4.2.3 </span>The <code title="attr-input-readonly"><a href="#attr-input-readonly">readonly</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-readonly" title="attr-input-readonly"><code>readonly</code></dfn>
+ </div><h6 id="the-readonly-attribute"><span class="secno">4.10.5.2.3 </span>The <code title="attr-input-readonly"><a href="#attr-input-readonly">readonly</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-readonly" title="attr-input-readonly"><code>readonly</code></dfn>
attribute is a <a href="infrastructure.html#boolean-attribute">boolean attribute</a> that controls whether
or not the use can edit the form control. </p><div class="example">
@@ -2032,12 +2057,12 @@
<p> <button name="action" value="update">Save</button> </p>
</form></pre>
- </div><h6 id="the-size-attribute"><span class="secno">4.10.4.2.4 </span>The <code title="attr-input-size"><a href="#attr-input-size">size</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-size" title="attr-input-size"><code>size</code></dfn>
+ </div><h6 id="the-size-attribute"><span class="secno">4.10.5.2.4 </span>The <code title="attr-input-size"><a href="#attr-input-size">size</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-size" title="attr-input-size"><code>size</code></dfn>
attribute gives the number of characters that, in a visual
rendering, the user agent is to allow the user to see while editing
the element's <a href="#concept-fe-value" title="concept-fe-value">value</a>.</p><p>The <code title="attr-input-size"><a href="#attr-input-size">size</a></code> attribute, if
specified, must have a value that is a <a href="infrastructure.html#valid-non-negative-integer">valid non-negative
- integer</a> greater than zero.</p><h6 id="the-required-attribute"><span class="secno">4.10.4.2.5 </span>The <code title="attr-input-required"><a href="#attr-input-required">required</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-required" title="attr-input-required"><code>required</code></dfn>
+ integer</a> greater than zero.</p><h6 id="the-required-attribute"><span class="secno">4.10.5.2.5 </span>The <code title="attr-input-required"><a href="#attr-input-required">required</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-required" title="attr-input-required"><code>required</code></dfn>
attribute is a <a href="infrastructure.html#boolean-attribute">boolean attribute</a>. When specified, the
element is <dfn id="concept-input-required" title="concept-input-required"><i>required</i></dfn>.</p><div class="example">
@@ -2061,7 +2086,7 @@
<input type=submit value="Create account">
</form></pre>
- </div><h6 id="the-multiple-attribute"><span class="secno">4.10.4.2.6 </span>The <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-multiple" title="attr-input-multiple"><code>multiple</code></dfn>
+ </div><h6 id="the-multiple-attribute"><span class="secno">4.10.5.2.6 </span>The <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-multiple" title="attr-input-multiple"><code>multiple</code></dfn>
attribute is a <a href="infrastructure.html#boolean-attribute">boolean attribute</a> that indicates whether
the user is to be allowed to specify more than one value.</p><div class="example">
@@ -2077,7 +2102,7 @@
<pre><label>Attachments: <input type=file multiple name=att></label></pre>
- </div><h6 id="the-maxlength-attribute"><span class="secno">4.10.4.2.7 </span>The <code title="attr-input-maxlength"><a href="#attr-input-maxlength">maxlength</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-maxlength" title="attr-input-maxlength"><code>maxlength</code></dfn>
+ </div><h6 id="the-maxlength-attribute"><span class="secno">4.10.5.2.7 </span>The <code title="attr-input-maxlength"><a href="#attr-input-maxlength">maxlength</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-maxlength" title="attr-input-maxlength"><code>maxlength</code></dfn>
attribute is a <a href="#attr-fe-maxlength" title="attr-fe-maxlength">form control <code title="">maxlength</code> attribute</a>.</p><p>If the <code><a href="#the-input-element">input</a></code> element has a <a href="#maximum-allowed-value-length">maximum allowed
value length</a>, then the <a href="#code-point-length">code-point length</a> of the
value of the element's <code title="attr-input-value"><a href="#attr-input-value">value</a></code>
@@ -2091,7 +2116,7 @@
<pre>What are you doing? <input name=status maxlength=140></pre>
- </div><h6 id="the-pattern-attribute"><span class="secno">4.10.4.2.8 </span>The <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-pattern" title="attr-input-pattern"><code>pattern</code></dfn>
+ </div><h6 id="the-pattern-attribute"><span class="secno">4.10.5.2.8 </span>The <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-pattern" title="attr-input-pattern"><code>pattern</code></dfn>
attribute specifies a regular expression against which the control's
<a href="#concept-fe-value" title="concept-fe-value">value</a> is to be checked.</p><p>If specified, the attribute's value must match the JavaScript <i title="">Pattern</i> production. <a href="references.html#refsECMA262">[ECMA262]</a></p><p>When an <code><a href="#the-input-element">input</a></code> element has a <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute specified,
authors should include a <code title="attr-title"><a href="dom.html#the-title-attribute">title</a></code>
@@ -2117,7 +2142,7 @@
would be impaired.</p><p class="example">For instance, if the title attribute contained
the caption of the control, assistive technology could end up saying
something like <samp>The text you have entered does not match the
- required pattern. Birthday</samp>, which is not useful.</p><h6 id="the-min-and-max-attributes"><span class="secno">4.10.4.2.9 </span>The <code title="attr-input-min"><a href="#attr-input-min">min</a></code> and <code title="attr-input-max"><a href="#attr-input-max">max</a></code> attributes</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-min" title="attr-input-min"><code>min</code></dfn> and <dfn id="attr-input-max" title="attr-input-max"><code>max</code></dfn> attributes indicate
+ required pattern. Birthday</samp>, which is not useful.</p><h6 id="the-min-and-max-attributes"><span class="secno">4.10.5.2.9 </span>The <code title="attr-input-min"><a href="#attr-input-min">min</a></code> and <code title="attr-input-max"><a href="#attr-input-max">max</a></code> attributes</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-min" title="attr-input-min"><code>min</code></dfn> and <dfn id="attr-input-max" title="attr-input-max"><code>max</code></dfn> attributes indicate
the allowed range of values for the element.</p><div class="example">
<p>The following date control limits input to dates that are before
@@ -2132,7 +2157,7 @@
<pre><input name=quantity required type=number min=1 value=1></pre>
- </div><h6 id="the-step-attribute"><span class="secno">4.10.4.2.10 </span>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-step" title="attr-input-step"><code>step</code></dfn>
+ </div><h6 id="the-step-attribute"><span class="secno">4.10.5.2.10 </span>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-step" title="attr-input-step"><code>step</code></dfn>
attribute indicates the granularity that is expected (and required)
of the <a href="#concept-fe-value" title="concept-fe-value">value</a>, by limiting the
allowed values. </p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute, if
@@ -2158,7 +2183,7 @@
<p>Normally, time controls are limited to an accuracy of one
minute.</p>
- </div><h6 id="the-placeholder-attribute"><span class="secno">4.10.4.2.11 </span>The <code title="attr-input-placeholder"><a href="#attr-input-placeholder">placeholder</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- similar text in the <textarea> section --><p>The <dfn id="attr-input-placeholder" title="attr-input-placeholder"><code>placeholder</code></dfn>
+ </div><h6 id="the-placeholder-attribute"><span class="secno">4.10.5.2.11 </span>The <code title="attr-input-placeholder"><a href="#attr-input-placeholder">placeholder</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- similar text in the <textarea> section --><p>The <dfn id="attr-input-placeholder" title="attr-input-placeholder"><code>placeholder</code></dfn>
attribute represents a <em>short</em> hint (a word or short phrase)
intended to aid the user with data entry. A hint could be a sample
value or a brief description of the expected format. The attribute,
@@ -2179,7 +2204,7 @@
<p><label>Description: <input type="text" name="desc" placeholder="My Email Account"></label></p>
</fieldset></pre>
- </div><h5 id="common-input-element-apis"><span class="secno">4.10.4.3 </span>Common <code><a href="#the-input-element">input</a></code> element APIs</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">input</var> . <code title="dom-input-value"><a href="#dom-input-value">value</a></code> [ = <var title="">value</var> ]</dt>
+ </div><h5 id="common-input-element-apis"><span class="secno">4.10.5.3 </span>Common <code><a href="#the-input-element">input</a></code> element APIs</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">input</var> . <code title="dom-input-value"><a href="#dom-input-value">value</a></code> [ = <var title="">value</var> ]</dt>
<dd>
@@ -2277,7 +2302,7 @@
</dd>
- </dl><h4 id="the-button-element"><span class="secno">4.10.5 </span>The <dfn><code>button</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ </dl><h4 id="the-button-element"><span class="secno">4.10.6 </span>The <dfn><code>button</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dd><a href="embedded-content-0.html#interactive-content">Interactive content</a>.</dd>
@@ -2371,7 +2396,7 @@
Show hint
</button></pre>
- </div><h4 id="the-select-element"><span class="secno">4.10.6 </span>The <dfn><code>select</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-select-element"><span class="secno">4.10.7 </span>The <dfn><code>select</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dd><a href="embedded-content-0.html#interactive-content">Interactive content</a>.</dd>
@@ -2583,7 +2608,7 @@
</select>
</p></pre>
- </div><h4 id="the-datalist-element"><span class="secno">4.10.7 </span>The <dfn><code>datalist</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-datalist-element"><span class="secno">4.10.8 </span>The <dfn><code>datalist</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
@@ -2621,7 +2646,7 @@
<p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code>options</code> elements of the table.</p>
</dd>
- </dl><h4 id="the-optgroup-element"><span class="secno">4.10.8 </span>The <dfn><code>optgroup</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ </dl><h4 id="the-optgroup-element"><span class="secno">4.10.9 </span>The <dfn><code>optgroup</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><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><a href="#the-select-element">select</a></code> element.</dd>
@@ -2672,7 +2697,7 @@
<p><input type=submit value="▶ Play">
</form></pre>
- </div><h4 id="the-option-element"><span class="secno">4.10.9 </span>The <dfn><code>option</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-option-element"><span class="secno">4.10.10 </span>The <dfn><code>option</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><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><a href="#the-select-element">select</a></code> element.</dd>
@@ -2759,7 +2784,7 @@
</dd>
- </dl><h4 id="the-textarea-element"><span class="secno">4.10.10 </span>The <dfn><code>textarea</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ </dl><h4 id="the-textarea-element"><span class="secno">4.10.11 </span>The <dfn><code>textarea</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dd><a href="embedded-content-0.html#interactive-content">Interactive content</a>.</dd>
@@ -2882,7 +2907,7 @@
<pre><p>If you have any comments, please let us know: <textarea cols=80 name=comments></textarea></p></pre>
- </div><h4 id="the-keygen-element"><span class="secno">4.10.11 </span>The <dfn><code>keygen</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>First draft</i></p><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-keygen-element"><span class="secno">4.10.12 </span>The <dfn><code>keygen</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>First draft</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dd><a href="embedded-content-0.html#interactive-content">Interactive content</a>.</dd>
@@ -2979,7 +3004,7 @@
can then be used for various purposes, such as generating a client
certificate, as mentioned above.</p>
- </div><h4 id="the-output-element"><span class="secno">4.10.12 </span>The <dfn><code>output</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
+ </div><h4 id="the-output-element"><span class="secno">4.10.13 </span>The <dfn><code>output</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
<dd><a href="#category-listed" title="category-listed">Listed</a> and <a href="#category-reset" title="category-reset">resettable</a> <a href="#form-associated-element">form-associated element</a>.</dd>
@@ -3061,7 +3086,7 @@
<output onforminput="value = a.value + b.value"></output>
</form></pre>
- </div><h4 id="association-of-controls-and-forms"><span class="secno">4.10.13 </span>Association of controls and forms</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <a href="#form-associated-element">form-associated element</a> can have a relationship
+ </div><h4 id="association-of-controls-and-forms"><span class="secno">4.10.14 </span>Association of controls and forms</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <a href="#form-associated-element">form-associated element</a> can have a relationship
with a <code><a href="#the-form-element">form</a></code> element, which is called the element's
<dfn id="form-owner">form owner</dfn>. If a <a href="#form-associated-element">form-associated element</a> is
not associated with a <code><a href="#the-form-element">form</a></code> element, its <a href="#form-owner">form
@@ -3079,15 +3104,15 @@
</dd>
- </dl><h4 id="attributes-common-to-form-controls"><span class="secno">4.10.14 </span><dfn>Attributes common to form controls</dfn></h4><h5 id="naming-form-controls"><span class="secno">4.10.14.1 </span>Naming form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-fe-name" title="attr-fe-name"><code>name</code></dfn> content
+ </dl><h4 id="attributes-common-to-form-controls"><span class="secno">4.10.15 </span><dfn>Attributes common to form controls</dfn></h4><h5 id="naming-form-controls"><span class="secno">4.10.15.1 </span>Naming form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-fe-name" title="attr-fe-name"><code>name</code></dfn> content
attribute gives the name of the form control, as used in <a href="#form-submission">form
submission</a> and in the <code><a href="#the-form-element">form</a></code> element's <code title="dom-form-elements"><a href="#dom-form-elements">elements</a></code> object. If the attribute
- is specified, its value must not be the empty string.</p><h5 id="enabling-and-disabling-form-controls"><span class="secno">4.10.14.2 </span>Enabling and disabling form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-fe-disabled" title="attr-fe-disabled"><code>disabled</code></dfn>
+ is specified, its value must not be the empty string.</p><h5 id="enabling-and-disabling-form-controls"><span class="secno">4.10.15.2 </span>Enabling and disabling form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-fe-disabled" title="attr-fe-disabled"><code>disabled</code></dfn>
content attribute is a <a href="infrastructure.html#boolean-attribute">boolean attribute</a>.</p><p>A form control is <dfn id="concept-fe-disabled" title="concept-fe-disabled">disabled</dfn>
if its <code title="attr-fe-disabled"><a href="#attr-fe-disabled">disabled</a></code> attribute is
set, or if it is a descendant of a <code><a href="#the-fieldset-element">fieldset</a></code> element
whose <code title="attr-fieldset-disabled"><a href="#attr-fieldset-disabled">disabled</a></code> attribute
- is set.</p><h5 id="autofocusing-a-form-control"><span class="secno">4.10.14.3 </span>Autofocusing a form control</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2: Apply this to contentEditable elements --><p>The <dfn id="attr-fe-autofocus" title="attr-fe-autofocus"><code>autofocus</code></dfn>
+ is set.</p><h5 id="autofocusing-a-form-control"><span class="secno">4.10.15.3 </span>Autofocusing a form control</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2: Apply this to contentEditable elements --><p>The <dfn id="attr-fe-autofocus" title="attr-fe-autofocus"><code>autofocus</code></dfn>
content attribute allows the user to indicate that a control is to
be focused as soon as the page is loaded, allowing the user to just
start typing without having to manually focus the main control.</p><p>The <code title="attr-fe-autofocus"><a href="#attr-fe-autofocus">autofocus</a></code> attribute is
@@ -3098,7 +3123,7 @@
the document was loaded.</p>
<pre><input maxlength="256" name="q" value="" autofocus>
<input type="submit" value="Search"></pre>
- </div><h5 id="limiting-user-input-length"><span class="secno">4.10.14.4 </span>Limiting user input length</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id="attr-fe-maxlength" title="attr-fe-maxlength">form control <code title="">maxlength</code> attribute</dfn>, controlled by a <var title="">dirty value flag</var> declares a limit on the number of
+ </div><h5 id="limiting-user-input-length"><span class="secno">4.10.15.4 </span>Limiting user input length</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id="attr-fe-maxlength" title="attr-fe-maxlength">form control <code title="">maxlength</code> attribute</dfn>, controlled by a <var title="">dirty value flag</var> declares a limit on the number of
characters a user can input.</p><p>If an element has its <a href="#attr-fe-maxlength" title="attr-fe-maxlength">form
control <code title="">maxlength</code> attribute</a> specified,
the attribute's value must be a <a href="infrastructure.html#valid-non-negative-integer">valid non-negative
@@ -3107,7 +3132,7 @@
results in a number, then that number is the element's <dfn id="maximum-allowed-value-length">maximum
allowed value length</dfn>. If the attribute is omitted or parsing
its value results in an error, then there is no <a href="#maximum-allowed-value-length">maximum
- allowed value length</a>.</p><h5 id="form-submission-0"><span class="secno">4.10.14.5 </span>Form submission</h5><p><dfn id="attributes-for-form-submission">Attributes for form submission</dfn> can be specified both
+ allowed value length</a>.</p><h5 id="form-submission-0"><span class="secno">4.10.15.5 </span>Form submission</h5><p><dfn id="attributes-for-form-submission">Attributes for form submission</dfn> can be specified both
on <code><a href="#the-form-element">form</a></code> elements and on <a href="#concept-submit-button" title="concept-submit-button">submit buttons</a> (elements that
represent buttons that submit forms, e.g. an <code><a href="#the-input-element">input</a></code>
element whose <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is
@@ -3203,7 +3228,7 @@
<p><input type=submit formnovalidate name=cancel value="Cancel"></p>
</form></pre>
- </div><h4 id="constraints"><span class="secno">4.10.15 </span>Constraints</h4><h5 id="definitions"><span class="secno">4.10.15.1 </span>Definitions</h5><h5 id="the-constraint-validation-api"><span class="secno">4.10.15.2 </span>The <dfn>constraint validation API</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-cva-willValidate"><a href="#dom-cva-willvalidate">willValidate</a></code></dt>
+ </div><h4 id="constraints"><span class="secno">4.10.16 </span>Constraints</h4><h5 id="definitions"><span class="secno">4.10.16.1 </span>Definitions</h5><h5 id="the-constraint-validation-api"><span class="secno">4.10.16.2 </span>The <dfn>constraint validation API</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-cva-willValidate"><a href="#dom-cva-willvalidate">willValidate</a></code></dt>
<dd>
@@ -3337,7 +3362,7 @@
}
</script></pre>
- </div><h4 id="form-submission"><span class="secno">4.10.16 </span><dfn>Form submission</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>When forms are submitted, the data in the form is converted into
+ </div><h4 id="form-submission"><span class="secno">4.10.17 </span><dfn>Form submission</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>When forms are submitted, the data in the form is converted into
the form specified by the <a href="#concept-fs-enctype" title="concept-fs-enctype">enctype</a>, and then sent to the
destination specified by the <a href="#concept-fs-action" title="concept-fs-action">action</a> using the given <a href="#concept-fs-method" title="concept-fs-method">method</a>.</p><p>For example, take the following form:</p><pre><form action="/find.cgi" method=get>
<input type=text name=t>
Index: interactive-elements.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/interactive-elements.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- interactive-elements.html 15 Sep 2009 11:07:10 -0000 1.142
+++ interactive-elements.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="forms.html">← 4.10 Forms</a> –
<a href="Overview.html#contents">Table of contents</a> –
@@ -3232,82 +3232,7 @@
</dl><hr><p>User agents may expose the <a href="#concept-command" title="concept-command">commands</a> whose <a href="#command-facet-hiddenstate" title="command-facet-HiddenState">Hidden State</a> facet is false
(visible), e.g. in the user agent's menu bar. User agents are
encouraged to do this especially for commands that have <a href="#command-facet-accesskey" title="command-facet-AccessKey">Access Keys</a>, as a way to
- advertise those keys to the user.</p><h3 id="miscellaneous-elements"><span class="secno">4.12 </span>Miscellaneous elements</h3><h4 id="the-legend-element"><span class="secno">4.12.1 </span>The <dfn><code>legend</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
- <dd>None.</dd>
- <dt>Contexts in which this element may be used:</dt>
- <dd>As the first child of a <code><a href="forms.html#the-fieldset-element">fieldset</a></code> element.</dd>
- <dt>Content model:</dt>
- <dd><a href="dom.html#phrasing-content">Phrasing content</a>.</dd>
- <dt>Content attributes:</dt>
- <dd><a href="dom.html#global-attributes">Global attributes</a></dd>
- <dt>DOM interface:</dt>
- <dd>
- <pre class="idl">interface <dfn id="htmllegendelement">HTMLLegendElement</dfn> : <a href="dom.html#htmlelement">HTMLElement</a> {
- readonly attribute <a href="forms.html#htmlformelement">HTMLFormElement</a> <a href="#dom-legend-form" title="dom-legend-form">form</a>;
-};</pre>
- </dd>
- </dl><p>The <code><a href="#the-legend-element">legend</a></code> element <a href="#represents">represents</a> a caption
- for the rest of the contents of the <code><a href="#the-legend-element">legend</a></code> element's
- parent <code><a href="forms.html#the-fieldset-element">fieldset</a></code> element.</p><dl class="domintro"><dt><var title="">legend</var> . <code title="dom-legend-form"><a href="#dom-legend-form">form</a></code></dt>
-
- <dd>
-
- <p>Returns the element's <code><a href="forms.html#the-form-element">form</a></code> element, if any, or
- null otherwise.</p>
-
- </dd>
-
- </dl><h4 id="the-div-element"><span class="secno">4.12.2 </span>The <dfn><code>div</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class="element"><dt>Categories</dt>
- <dd><a href="dom.html#flow-content">Flow content</a>.</dd>
- <dd><a href="editing.html#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
- <dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href="dom.html#flow-content">flow content</a> is expected.</dd>
- <dt>Content model:</dt>
- <dd><a href="dom.html#flow-content">Flow content</a>.</dd>
- <dt>Content attributes:</dt>
- <dd><a href="dom.html#global-attributes">Global attributes</a></dd>
- <dt>DOM interface:</dt>
- <dd>
- <pre class="idl">interface <dfn id="htmldivelement">HTMLDivElement</dfn> : <a href="dom.html#htmlelement">HTMLElement</a> {};</pre>
- </dd>
- </dl><p>The <code><a href="#the-div-element">div</a></code> element has no special meaning at all. It
- <a href="#represents">represents</a> its children. It can be used with the <code title="attr-class"><a href="dom.html#classes">class</a></code>, <code title="attr-lang"><a href="dom.html#attr-lang">lang</a></code>, and <code title="attr-title"><a href="dom.html#the-title-attribute">title</a></code> attributes to mark up semantics
- common to a group of consecutive elements.</p><p class="note">Authors are strongly encouraged to view the
- <code><a href="#the-div-element">div</a></code> element as an element of last resort, for when no
- other element is suitable. Use of the <code><a href="#the-div-element">div</a></code> element
- instead of more appropriate elements leads to poor accessibility for
- readers and poor maintainability for authors.</p><div class="example">
-
- <p>For example, a blog post would be marked up using
- <code><a href="semantics.html#the-article-element">article</a></code>, a chapter using <code><a href="semantics.html#the-section-element">section</a></code>, a
- page's navigation aids using <code><a href="semantics.html#the-nav-element">nav</a></code>, and a group of form
- controls using <code><a href="forms.html#the-fieldset-element">fieldset</a></code>.</p>
-
- <p>On the other hand, <code><a href="#the-div-element">div</a></code> elements can be useful for
- stylistic purposes or to wrap multiple paragraphs within a section
- that are all to be annotated in a similar way. In the following
- example, we see <code><a href="#the-div-element">div</a></code> elements used as a way to set the
- language of two paragraphs at once, instead of setting the language
- on the two paragraph elements separately:</p>
-
- <pre><article lang="en-US">
- <h1>My use of language and my cats</h1>
- <p>My cat's behavior hasn't changed much since her absence, except
- that she plays her new physique to the neighbors regularly, in an
- attempt to get pets.</p>
- <div lang="en-GB">
- <p>My other cat, coloured black and white, is a sweetie. He followed
- us to the pool today, walking down the pavement with us. Yesterday
- he apparently visited our neighbours. I wonder if he recognises that
- their flat is a mirror image of ours.</p>
- <p>Hm, I just noticed that in the last paragraph I used British
- English. But I'm supposed to write in American English. So I
- shouldn't say "pavement" or "flat" or "colour"...</p>
- </div>
- <p>I should say "sidewalk" and "apartment" and "color"!</p>
-</article></pre>
-
- </div><h3 id="common-idioms-without-dedicated-elements"><span class="secno">4.13 </span>Common idioms without dedicated elements</h3><h5 id="tag-clouds"><span class="secno">4.13.1 </span>Tag clouds</h5><p id="tag-cloud">This specification does not define any markup
+ advertise those keys to the user.</p><h3 id="common-idioms-without-dedicated-elements"><span class="secno">4.12 </span>Common idioms without dedicated elements</h3><h5 id="tag-clouds"><span class="secno">4.12.1 </span>Tag clouds</h5><p id="tag-cloud">This specification does not define any markup
specifically for marking up lists of keywords that apply to a group
of pages (also known as <i>tag clouds</i>). In general, authors are
encouraged to either mark up such lists using <code><a href="semantics.html#the-ul-element">ul</a></code>
@@ -3352,7 +3277,7 @@
that apply to the page itself; they are just part of an index
listing the tags themselves.</p>
- </div><h4 id="conversations"><span class="secno">4.13.2 </span>Conversations</h4><p>This specification does not define a specific element for marking
+ </div><h4 id="conversations"><span class="secno">4.12.2 </span>Conversations</h4><p>This specification does not define a specific element for marking
up conversations, meeting minutes, chat transcripts, dialogues in
screenplays, instant message logs, and other situations where
different players take turns in discourse.</p><p>Instead, authors are encouraged to mark up conversations using
@@ -3384,7 +3309,7 @@
<p> <time>14:24</time> <b>kaj</b> you are not helping your case</pre>
<!-- with thanks to http://bash.org/?854262 -->
- </div><h4 id="footnotes"><span class="secno">4.13.3 </span>Footnotes</h4><p>HTML does not have a dedicated mechanism for marking up
+ </div><h4 id="footnotes"><span class="secno">4.12.3 </span>Footnotes</h4><p>HTML does not have a dedicated mechanism for marking up
footnotes. Here are the recommended alternatives.</p><hr><p>For short inline annotations, the <code title="attr-title"><a href="dom.html#the-title-attribute">title</a></code> attribute should be used.</p><div class="example">
<p>In this example, two parts of a dialogue are annotated.</p>
Index: editing.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/editing.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- editing.html 15 Sep 2009 11:07:10 -0000 1.142
+++ editing.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="history.html">← 6.8 Session history and navigation</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: video.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/video.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- video.html 15 Sep 2009 11:07:11 -0000 1.142
+++ video.html 15 Sep 2009 11:16:54 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="text-level-semantics.html">← 4.6 Text-level semantics</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: browsers.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/browsers.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- browsers.html 15 Sep 2009 11:07:10 -0000 1.143
+++ browsers.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="microdata.html">← 5 Microdata</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: the-xhtml-syntax.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/the-xhtml-syntax.html,v
retrieving revision 1.141
retrieving revision 1.142
diff -u -d -r1.141 -r1.142
--- the-xhtml-syntax.html 15 Sep 2009 11:07:11 -0000 1.141
+++ the-xhtml-syntax.html 15 Sep 2009 11:16:54 -0000 1.142
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="named-character-references.html">← 9.2 Named character references</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: offline.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/offline.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- offline.html 15 Sep 2009 11:07:10 -0000 1.142
+++ offline.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="browsers.html">← 6 Web browsers</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: syntax.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/syntax.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- syntax.html 15 Sep 2009 11:07:10 -0000 1.143
+++ syntax.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="comms.html">← 8 Communication</a> –
<a href="Overview.html#contents">Table of contents</a> –
@@ -583,7 +583,7 @@
immediately followed by an <code><a href="semantics.html#the-address-element">address</a></code>,
<code><a href="semantics.html#the-article-element">article</a></code>, <code><a href="semantics.html#the-aside-element">aside</a></code>, <code><a href="semantics.html#the-blockquote-element">blockquote</a></code>,
<!--v2DATAGRID <code>datagrid</code>,--> <code><a href="obsolete.html#dir">dir</a></code>,
- <code><a href="interactive-elements.html#the-div-element">div</a></code>, <code><a href="semantics.html#the-dl-element">dl</a></code>, <code><a href="forms.html#the-fieldset-element">fieldset</a></code>,
+ <code><a href="semantics.html#the-div-element">div</a></code>, <code><a href="semantics.html#the-dl-element">dl</a></code>, <code><a href="forms.html#the-fieldset-element">fieldset</a></code>,
<code><a href="semantics.html#the-footer-element">footer</a></code>, <code><a href="forms.html#the-form-element">form</a></code>, <code><a href="semantics.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>,
<code><a href="semantics.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="semantics.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="semantics.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, <code><a href="semantics.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>,
<code><a href="semantics.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>, <code><a href="semantics.html#the-header-element">header</a></code>, <code><a href="semantics.html#the-hgroup-element">hgroup</a></code>,
Index: obsolete.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/obsolete.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- obsolete.html 15 Sep 2009 11:07:10 -0000 1.143
+++ obsolete.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="the-xhtml-syntax.html">← 10 The XHTML syntax</a> –
<a href="Overview.html#contents">Table of contents</a> –
@@ -382,7 +382,7 @@
<dt><dfn id="attr-col-charoff" title="attr-col-charoff"><code>charoff</code></dfn> on <code><a href="tabular-data.html#the-col-element">col</a></code> elements</dt>
<dt><dfn id="attr-col-valign" title="attr-col-vAlign"><code>valign</code></dfn> on <code><a href="tabular-data.html#the-col-element">col</a></code> elements</dt>
<dt><dfn id="attr-col-width" title="attr-col-width"><code>width</code></dfn> on <code><a href="tabular-data.html#the-col-element">col</a></code> elements</dt>
- <dt><dfn id="attr-div-align" title="attr-div-align"><code>align</code></dfn> on <code><a href="interactive-elements.html#the-div-element">div</a></code> elements</dt>
+ <dt><dfn id="attr-div-align" title="attr-div-align"><code>align</code></dfn> on <code><a href="semantics.html#the-div-element">div</a></code> elements</dt>
<dt><dfn id="attr-dl-compact" title="attr-dl-compact"><code>compact</code></dfn> on <code><a href="semantics.html#the-dl-element">dl</a></code> elements</dt>
<dt><dfn id="attr-hr-align" title="attr-hr-align"><code>align</code></dfn> on <code><a href="semantics.html#the-hr-element">hr</a></code> elements</dt>
<dt><dfn id="attr-hr-noshade" title="attr-hr-noshade"><code>noshade</code></dfn> on <code><a href="semantics.html#the-hr-element">hr</a></code> elements</dt>
@@ -399,7 +399,7 @@
<dt><dfn id="attr-img-border" title="attr-img-border"><code>border</code></dfn> on <code><a href="text-level-semantics.html#the-img-element">img</a></code> elements (except as noted in the previous section)</dt>
<dt><dfn id="attr-img-hspace" title="attr-img-hspace"><code>hspace</code></dfn> on <code><a href="text-level-semantics.html#the-img-element">img</a></code> elements</dt>
<dt><dfn id="attr-img-vspace" title="attr-img-vspace"><code>vspace</code></dfn> on <code><a href="text-level-semantics.html#the-img-element">img</a></code> elements</dt>
- <dt><dfn id="attr-legend-align" title="attr-legend-align"><code>align</code></dfn> on <code><a href="interactive-elements.html#the-legend-element">legend</a></code> elements</dt>
+ <dt><dfn id="attr-legend-align" title="attr-legend-align"><code>align</code></dfn> on <code><a href="forms.html#the-legend-element">legend</a></code> elements</dt>
<dt><dfn id="attr-li-type" title="attr-li-type"><code>type</code></dfn> on <code><a href="semantics.html#the-li-element">li</a></code> elements</dt>
<dt><dfn id="attr-menu-compact" title="attr-menu-compact"><code>compact</code></dfn> on <code><a href="interactive-elements.html#menus">menu</a></code> elements</dt>
<dt><dfn id="attr-object-align" title="attr-object-align"><code>align</code></dfn> on <code><a href="text-level-semantics.html#the-object-element">object</a></code> elements</dt>
Index: named-character-references.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/named-character-references.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- named-character-references.html 15 Sep 2009 11:07:10 -0000 1.143
+++ named-character-references.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="syntax.html">← 9 The HTML syntax</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: references.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/references.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- references.html 15 Sep 2009 11:07:10 -0000 1.142
+++ references.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="index.html">← Index</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: semantics.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/semantics.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- semantics.html 15 Sep 2009 11:07:10 -0000 1.142
+++ semantics.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="embedded-content-0.html">← 3.2.5.1.6 Embedded content</a> –
<a href="Overview.html#contents">Table of contents</a> –
@@ -1571,7 +1571,7 @@
sections for an introduction, news items, contact information.</p><p class="note">The <code><a href="#the-section-element">section</a></code> element is not a generic
container element. When an element is needed for styling purposes or
as a convenience for scripting, authors are encouraged to use the
- <code><a href="interactive-elements.html#the-div-element">div</a></code> element instead. A general rule is that the
+ <code><a href="#the-div-element">div</a></code> element instead. A general rule is that the
<code><a href="#the-section-element">section</a></code> element is appropriate only if the element's
contents would be listed explicitly in the document's
<a href="#outline">outline</a>.</p><div class="example">
@@ -1672,7 +1672,7 @@
</footer>
</body></pre>
- <p>Notice the <code><a href="interactive-elements.html#the-div-element">div</a></code> element being used to wrap all the
+ <p>Notice the <code><a href="#the-div-element">div</a></code> element being used to wrap all the
contents of the page other than the header and footer, and all the
contents of the blog entry other than its header and footer.</p>
@@ -2885,8 +2885,8 @@
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
<dd>Before <code><a href="#the-dd-element">dd</a></code> or <code><a href="#the-dt-element">dt</a></code> elements inside <code><a href="#the-dl-element">dl</a></code> elements.</dd>
- <dd>As a child of a <code><a href="text-level-semantics.html#the-figure-element">figure</a></code> element.</dd>
- <dd>As a child of a <code><a href="interactive-elements.html#the-details-element">details</a></code> element.</dd>
+ <dd>In a <code><a href="text-level-semantics.html#the-figure-element">figure</a></code> element containing no other <code><a href="#the-dt-element">dt</a></code> element children.</dd>
+ <dd>As the first child of a <code><a href="interactive-elements.html#the-details-element">details</a></code> element.</dd>
<dt>Content model:</dt>
<dd>When the parent node is a <code><a href="text-level-semantics.html#the-figure-element">figure</a></code> element: <a href="dom.html#flow-content">flow content</a>, but with no descendant <code><a href="text-level-semantics.html#the-figure-element">figure</a></code> elements.</dd>
<dd>Otherwise: <a href="dom.html#phrasing-content">phrasing content</a>.</dd>
@@ -2905,8 +2905,8 @@
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
<dd>After <code><a href="#the-dt-element">dt</a></code> or <code><a href="#the-dd-element">dd</a></code> elements inside <code><a href="#the-dl-element">dl</a></code> elements.</dd>
- <dd>As a child of a <code><a href="text-level-semantics.html#the-figure-element">figure</a></code> element.</dd>
- <dd>As a child of a <code><a href="interactive-elements.html#the-details-element">details</a></code> element.</dd>
+ <dd>In a <code><a href="text-level-semantics.html#the-figure-element">figure</a></code> element containing no other <code><a href="#the-dd-element">dd</a></code> element children.</dd>
+ <dd>As the last child of a <code><a href="interactive-elements.html#the-details-element">details</a></code> element.</dd>
<dt>Content model:</dt>
<dd><a href="dom.html#flow-content">Flow content</a>.</dd>
<dt>Content attributes:</dt>
@@ -2936,4 +2936,54 @@
<dd><i class="part-of-speech"><abbr>v.intr.</abbr></i> To be delighted oneself.</dd>
<dd><i class="part-of-speech"><abbr>v.tr.</abbr></i> To cause one to be delighted.</dd>
</dl></pre>
+ </div><h4 id="the-div-element"><span class="secno">4.5.12 </span>The <dfn><code>div</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class="element"><dt>Categories</dt>
+ <dd><a href="dom.html#flow-content">Flow content</a>.</dd>
+ <dd><a href="editing.html#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>Where <a href="dom.html#flow-content">flow content</a> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd><a href="dom.html#flow-content">Flow content</a>.</dd>
+ <dt>Content attributes:</dt>
+ <dd><a href="dom.html#global-attributes">Global attributes</a></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+ <pre class="idl">interface <dfn id="htmldivelement">HTMLDivElement</dfn> : <a href="dom.html#htmlelement">HTMLElement</a> {};</pre>
+ </dd>
+ </dl><p>The <code><a href="#the-div-element">div</a></code> element has no special meaning at all. It
+ <a href="#represents">represents</a> its children. It can be used with the <code title="attr-class"><a href="dom.html#classes">class</a></code>, <code title="attr-lang"><a href="dom.html#attr-lang">lang</a></code>, and <code title="attr-title"><a href="dom.html#the-title-attribute">title</a></code> attributes to mark up semantics
+ common to a group of consecutive elements.</p><p class="note">Authors are strongly encouraged to view the
+ <code><a href="#the-div-element">div</a></code> element as an element of last resort, for when no
+ other element is suitable. Use of the <code><a href="#the-div-element">div</a></code> element
+ instead of more appropriate elements leads to poor accessibility for
+ readers and poor maintainability for authors.</p><div class="example">
+
+ <p>For example, a blog post would be marked up using
+ <code><a href="#the-article-element">article</a></code>, a chapter using <code><a href="#the-section-element">section</a></code>, a
+ page's navigation aids using <code><a href="#the-nav-element">nav</a></code>, and a group of form
+ controls using <code><a href="forms.html#the-fieldset-element">fieldset</a></code>.</p>
+
+ <p>On the other hand, <code><a href="#the-div-element">div</a></code> elements can be useful for
+ stylistic purposes or to wrap multiple paragraphs within a section
+ that are all to be annotated in a similar way. In the following
+ example, we see <code><a href="#the-div-element">div</a></code> elements used as a way to set the
+ language of two paragraphs at once, instead of setting the language
+ on the two paragraph elements separately:</p>
+
+ <pre><article lang="en-US">
+ <h1>My use of language and my cats</h1>
+ <p>My cat's behavior hasn't changed much since her absence, except
+ that she plays her new physique to the neighbors regularly, in an
+ attempt to get pets.</p>
+ <div lang="en-GB">
+ <p>My other cat, coloured black and white, is a sweetie. He followed
+ us to the pool today, walking down the pavement with us. Yesterday
+ he apparently visited our neighbours. I wonder if he recognises that
+ their flat is a mirror image of ours.</p>
+ <p>Hm, I just noticed that in the last paragraph I used British
+ English. But I'm supposed to write in American English. So I
+ shouldn't say "pavement" or "flat" or "colour"...</p>
+ </div>
+ <p>I should say "sidewalk" and "apartment" and "color"!</p>
+</article></pre>
+
</div></body></html>
\ No newline at end of file
Index: index.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/index.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- index.html 15 Sep 2009 11:07:10 -0000 1.142
+++ index.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="iana-considerations.html">← IANA considerations</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: comms.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/comms.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- comms.html 15 Sep 2009 11:07:10 -0000 1.142
+++ comms.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="editing.html">← 7 User Interaction</a> –
<a href="Overview.html#contents">Table of contents</a> –
Index: spec.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/spec.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- spec.html 15 Sep 2009 11:07:10 -0000 1.143
+++ spec.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -238,7 +238,7 @@
</dl><p>This specification is available in the following formats:
<a href=spec.html>single page HTML</a>,
<a href=Overview.html>multipage HTML</a>.
-This is revision 1.3025.
+This is revision 1.3027.
</p>
<p class=copyright><a href=http://www.w3.org/Consortium/Legal/ipr-notice#Copyright>Copyright</a>
© 2009 <a href=http://www.w3.org/><abbr title="World Wide
@@ -512,7 +512,8 @@
<li><a href=#the-li-element><span class=secno>4.5.8 </span>The <code>li</code> element</a></li>
<li><a href=#the-dl-element><span class=secno>4.5.9 </span>The <code>dl</code> element</a></li>
<li><a href=#the-dt-element><span class=secno>4.5.10 </span>The <code>dt</code> element</a></li>
- <li><a href=#the-dd-element><span class=secno>4.5.11 </span>The <code>dd</code> element</a></li></ol></li>
+ <li><a href=#the-dd-element><span class=secno>4.5.11 </span>The <code>dd</code> element</a></li>
+ <li><a href=#the-div-element><span class=secno>4.5.12 </span>The <code>div</code> element</a></li></ol></li>
<li><a href=#text-level-semantics><span class=secno>4.6 </span>Text-level semantics</a>
<ol>
<li><a href=#the-a-element><span class=secno>4.6.1 </span>The <code>a</code> element</a></li>
@@ -627,68 +628,69 @@
<ol>
<li><a href=#the-form-element><span class=secno>4.10.1 </span>The <code>form</code> element</a></li>
<li><a href=#the-fieldset-element><span class=secno>4.10.2 </span>The <code>fieldset</code> element</a></li>
- <li><a href=#the-label-element><span class=secno>4.10.3 </span>The <code>label</code> element</a></li>
- <li><a href=#the-input-element><span class=secno>4.10.4 </span>The <code>input</code> element</a>
+ <li><a href=#the-legend-element><span class=secno>4.10.3 </span>The <code>legend</code> element</a></li>
+ <li><a href=#the-label-element><span class=secno>4.10.4 </span>The <code>label</code> element</a></li>
+ <li><a href=#the-input-element><span class=secno>4.10.5 </span>The <code>input</code> element</a>
<ol>
- <li><a href=#states-of-the-type-attribute><span class=secno>4.10.4.1 </span>States of the <code title=attr-input-type>type</code> attribute</a>
+ <li><a href=#states-of-the-type-attribute><span class=secno>4.10.5.1 </span>States of the <code title=attr-input-type>type</code> attribute</a>
<ol>
- <li><a href=#hidden-state><span class=secno>4.10.4.1.1 </span>Hidden state</a></li>
- <li><a href=#text-state-and-search-state><span class=secno>4.10.4.1.2 </span>Text state and Search state</a></li>
- <li><a href=#telephone-state><span class=secno>4.10.4.1.3 </span>Telephone state</a></li>
- <li><a href=#url-state><span class=secno>4.10.4.1.4 </span>URL state</a></li>
- <li><a href=#e-mail-state><span class=secno>4.10.4.1.5 </span>E-mail state</a></li>
- <li><a href=#password-state><span class=secno>4.10.4.1.6 </span>Password state</a></li>
- <li><a href=#date-and-time-state><span class=secno>4.10.4.1.7 </span>Date and Time state</a></li>
- <li><a href=#date-state><span class=secno>4.10.4.1.8 </span>Date state</a></li>
- <li><a href=#month-state><span class=secno>4.10.4.1.9 </span>Month state</a></li>
- <li><a href=#week-state><span class=secno>4.10.4.1.10 </span>Week state</a></li>
- <li><a href=#time-state><span class=secno>4.10.4.1.11 </span>Time state</a></li>
- <li><a href=#local-date-and-time-state><span class=secno>4.10.4.1.12 </span>Local Date and Time state</a></li>
- <li><a href=#number-state><span class=secno>4.10.4.1.13 </span>Number state</a></li>
- <li><a href=#range-state><span class=secno>4.10.4.1.14 </span>Range state</a></li>
- <li><a href=#color-state><span class=secno>4.10.4.1.15 </span>Color state</a></li>
- <li><a href=#checkbox-state><span class=secno>4.10.4.1.16 </span>Checkbox state</a></li>
- <li><a href=#radio-button-state><span class=secno>4.10.4.1.17 </span>Radio Button state</a></li>
- <li><a href=#file-upload-state><span class=secno>4.10.4.1.18 </span>File Upload state</a></li>
- <li><a href=#submit-button-state><span class=secno>4.10.4.1.19 </span>Submit Button state</a></li>
- <li><a href=#image-button-state><span class=secno>4.10.4.1.20 </span>Image Button state</a></li>
- <li><a href=#reset-button-state><span class=secno>4.10.4.1.21 </span>Reset Button state</a></li>
- <li><a href=#button-state><span class=secno>4.10.4.1.22 </span>Button state</a></li></ol></li>
- <li><a href=#common-input-element-attributes><span class=secno>4.10.4.2 </span>Common <code>input</code> element attributes</a>
+ <li><a href=#hidden-state><span class=secno>4.10.5.1.1 </span>Hidden state</a></li>
+ <li><a href=#text-state-and-search-state><span class=secno>4.10.5.1.2 </span>Text state and Search state</a></li>
+ <li><a href=#telephone-state><span class=secno>4.10.5.1.3 </span>Telephone state</a></li>
+ <li><a href=#url-state><span class=secno>4.10.5.1.4 </span>URL state</a></li>
+ <li><a href=#e-mail-state><span class=secno>4.10.5.1.5 </span>E-mail state</a></li>
+ <li><a href=#password-state><span class=secno>4.10.5.1.6 </span>Password state</a></li>
+ <li><a href=#date-and-time-state><span class=secno>4.10.5.1.7 </span>Date and Time state</a></li>
+ <li><a href=#date-state><span class=secno>4.10.5.1.8 </span>Date state</a></li>
+ <li><a href=#month-state><span class=secno>4.10.5.1.9 </span>Month state</a></li>
+ <li><a href=#week-state><span class=secno>4.10.5.1.10 </span>Week state</a></li>
+ <li><a href=#time-state><span class=secno>4.10.5.1.11 </span>Time state</a></li>
+ <li><a href=#local-date-and-time-state><span class=secno>4.10.5.1.12 </span>Local Date and Time state</a></li>
+ <li><a href=#number-state><span class=secno>4.10.5.1.13 </span>Number state</a></li>
+ <li><a href=#range-state><span class=secno>4.10.5.1.14 </span>Range state</a></li>
+ <li><a href=#color-state><span class=secno>4.10.5.1.15 </span>Color state</a></li>
+ <li><a href=#checkbox-state><span class=secno>4.10.5.1.16 </span>Checkbox state</a></li>
+ <li><a href=#radio-button-state><span class=secno>4.10.5.1.17 </span>Radio Button state</a></li>
+ <li><a href=#file-upload-state><span class=secno>4.10.5.1.18 </span>File Upload state</a></li>
+ <li><a href=#submit-button-state><span class=secno>4.10.5.1.19 </span>Submit Button state</a></li>
+ <li><a href=#image-button-state><span class=secno>4.10.5.1.20 </span>Image Button state</a></li>
+ <li><a href=#reset-button-state><span class=secno>4.10.5.1.21 </span>Reset Button state</a></li>
+ <li><a href=#button-state><span class=secno>4.10.5.1.22 </span>Button state</a></li></ol></li>
+ <li><a href=#common-input-element-attributes><span class=secno>4.10.5.2 </span>Common <code>input</code> element attributes</a>
<ol>
- <li><a href=#the-autocomplete-attribute><span class=secno>4.10.4.2.1 </span>The <code title=attr-input-autocomplete>autocomplete</code> attribute</a></li>
- <li><a href=#the-list-attribute><span class=secno>4.10.4.2.2 </span>The <code title=attr-input-list>list</code> attribute</a></li>
- <li><a href=#the-readonly-attribute><span class=secno>4.10.4.2.3 </span>The <code title=attr-input-readonly>readonly</code> attribute</a></li>
- <li><a href=#the-size-attribute><span class=secno>4.10.4.2.4 </span>The <code title=attr-input-size>size</code> attribute</a></li>
- <li><a href=#the-required-attribute><span class=secno>4.10.4.2.5 </span>The <code title=attr-input-required>required</code> attribute</a></li>
- <li><a href=#the-multiple-attribute><span class=secno>4.10.4.2.6 </span>The <code title=attr-input-multiple>multiple</code> attribute</a></li>
- <li><a href=#the-maxlength-attribute><span class=secno>4.10.4.2.7 </span>The <code title=attr-input-maxlength>maxlength</code> attribute</a></li>
- <li><a href=#the-pattern-attribute><span class=secno>4.10.4.2.8 </span>The <code title=attr-input-pattern>pattern</code> attribute</a></li>
- <li><a href=#the-min-and-max-attributes><span class=secno>4.10.4.2.9 </span>The <code title=attr-input-min>min</code> and <code title=attr-input-max>max</code> attributes</a></li>
- <li><a href=#the-step-attribute><span class=secno>4.10.4.2.10 </span>The <code title=attr-input-step>step</code> attribute</a></li>
- <li><a href=#the-placeholder-attribute><span class=secno>4.10.4.2.11 </span>The <code title=attr-input-placeholder>placeholder</code> attribute</a></li></ol></li>
- <li><a href=#common-input-element-apis><span class=secno>4.10.4.3 </span>Common <code>input</code> element APIs</a></li></ol></li>
- <li><a href=#the-button-element><span class=secno>4.10.5 </span>The <code>button</code> element</a></li>
- <li><a href=#the-select-element><span class=secno>4.10.6 </span>The <code>select</code> element</a></li>
- <li><a href=#the-datalist-element><span class=secno>4.10.7 </span>The <code>datalist</code> element</a></li>
- <li><a href=#the-optgroup-element><span class=secno>4.10.8 </span>The <code>optgroup</code> element</a></li>
- <li><a href=#the-option-element><span class=secno>4.10.9 </span>The <code>option</code> element</a></li>
- <li><a href=#the-textarea-element><span class=secno>4.10.10 </span>The <code>textarea</code> element</a></li>
- <li><a href=#the-keygen-element><span class=secno>4.10.11 </span>The <code>keygen</code> element</a></li>
- <li><a href=#the-output-element><span class=secno>4.10.12 </span>The <code>output</code> element</a></li>
- <li><a href=#association-of-controls-and-forms><span class=secno>4.10.13 </span>Association of controls and forms</a></li>
- <li><a href=#attributes-common-to-form-controls><span class=secno>4.10.14 </span>Attributes common to form controls</a>
+ <li><a href=#the-autocomplete-attribute><span class=secno>4.10.5.2.1 </span>The <code title=attr-input-autocomplete>autocomplete</code> attribute</a></li>
+ <li><a href=#the-list-attribute><span class=secno>4.10.5.2.2 </span>The <code title=attr-input-list>list</code> attribute</a></li>
+ <li><a href=#the-readonly-attribute><span class=secno>4.10.5.2.3 </span>The <code title=attr-input-readonly>readonly</code> attribute</a></li>
+ <li><a href=#the-size-attribute><span class=secno>4.10.5.2.4 </span>The <code title=attr-input-size>size</code> attribute</a></li>
+ <li><a href=#the-required-attribute><span class=secno>4.10.5.2.5 </span>The <code title=attr-input-required>required</code> attribute</a></li>
+ <li><a href=#the-multiple-attribute><span class=secno>4.10.5.2.6 </span>The <code title=attr-input-multiple>multiple</code> attribute</a></li>
+ <li><a href=#the-maxlength-attribute><span class=secno>4.10.5.2.7 </span>The <code title=attr-input-maxlength>maxlength</code> attribute</a></li>
+ <li><a href=#the-pattern-attribute><span class=secno>4.10.5.2.8 </span>The <code title=attr-input-pattern>pattern</code> attribute</a></li>
+ <li><a href=#the-min-and-max-attributes><span class=secno>4.10.5.2.9 </span>The <code title=attr-input-min>min</code> and <code title=attr-input-max>max</code> attributes</a></li>
+ <li><a href=#the-step-attribute><span class=secno>4.10.5.2.10 </span>The <code title=attr-input-step>step</code> attribute</a></li>
+ <li><a href=#the-placeholder-attribute><span class=secno>4.10.5.2.11 </span>The <code title=attr-input-placeholder>placeholder</code> attribute</a></li></ol></li>
+ <li><a href=#common-input-element-apis><span class=secno>4.10.5.3 </span>Common <code>input</code> element APIs</a></li></ol></li>
+ <li><a href=#the-button-element><span class=secno>4.10.6 </span>The <code>button</code> element</a></li>
+ <li><a href=#the-select-element><span class=secno>4.10.7 </span>The <code>select</code> element</a></li>
+ <li><a href=#the-datalist-element><span class=secno>4.10.8 </span>The <code>datalist</code> element</a></li>
+ <li><a href=#the-optgroup-element><span class=secno>4.10.9 </span>The <code>optgroup</code> element</a></li>
+ <li><a href=#the-option-element><span class=secno>4.10.10 </span>The <code>option</code> element</a></li>
+ <li><a href=#the-textarea-element><span class=secno>4.10.11 </span>The <code>textarea</code> element</a></li>
+ <li><a href=#the-keygen-element><span class=secno>4.10.12 </span>The <code>keygen</code> element</a></li>
+ <li><a href=#the-output-element><span class=secno>4.10.13 </span>The <code>output</code> element</a></li>
+ <li><a href=#association-of-controls-and-forms><span class=secno>4.10.14 </span>Association of controls and forms</a></li>
+ <li><a href=#attributes-common-to-form-controls><span class=secno>4.10.15 </span>Attributes common to form controls</a>
<ol>
- <li><a href=#naming-form-controls><span class=secno>4.10.14.1 </span>Naming form controls</a></li>
- <li><a href=#enabling-and-disabling-form-controls><span class=secno>4.10.14.2 </span>Enabling and disabling form controls</a></li>
- <li><a href=#autofocusing-a-form-control><span class=secno>4.10.14.3 </span>Autofocusing a form control</a></li>
- <li><a href=#limiting-user-input-length><span class=secno>4.10.14.4 </span>Limiting user input length</a></li>
- <li><a href=#form-submission-0><span class=secno>4.10.14.5 </span>Form submission</a></li></ol></li>
- <li><a href=#constraints><span class=secno>4.10.15 </span>Constraints</a>
+ <li><a href=#naming-form-controls><span class=secno>4.10.15.1 </span>Naming form controls</a></li>
+ <li><a href=#enabling-and-disabling-form-controls><span class=secno>4.10.15.2 </span>Enabling and disabling form controls</a></li>
+ <li><a href=#autofocusing-a-form-control><span class=secno>4.10.15.3 </span>Autofocusing a form control</a></li>
+ <li><a href=#limiting-user-input-length><span class=secno>4.10.15.4 </span>Limiting user input length</a></li>
+ <li><a href=#form-submission-0><span class=secno>4.10.15.5 </span>Form submission</a></li></ol></li>
+ <li><a href=#constraints><span class=secno>4.10.16 </span>Constraints</a>
<ol>
- <li><a href=#definitions><span class=secno>4.10.15.1 </span>Definitions</a></li>
- <li><a href=#the-constraint-validation-api><span class=secno>4.10.15.2 </span>The constraint validation API</a></li></ol></li>
- <li><a href=#form-submission><span class=secno>4.10.16 </span>Form submission</a></li></ol></li>
+ <li><a href=#definitions><span class=secno>4.10.16.1 </span>Definitions</a></li>
+ <li><a href=#the-constraint-validation-api><span class=secno>4.10.16.2 </span>The constraint validation API</a></li></ol></li>
+ <li><a href=#form-submission><span class=secno>4.10.17 </span>Form submission</a></li></ol></li>
<li><a href=#interactive-elements><span class=secno>4.11 </span>Interactive elements</a>
<ol>
<li><a href=#the-details-element><span class=secno>4.11.1 </span>The <code>details</code> element</a></li>
@@ -698,15 +700,11 @@
<li><a href=#menus-intro><span class=secno>4.11.3.1 </span>Introduction</a></li>
<li><a href=#context-menus><span class=secno>4.11.3.2 </span>Context menus</a></li></ol></li>
<li><a href=#commands><span class=secno>4.11.4 </span>Commands</a></li></ol></li>
- <li><a href=#miscellaneous-elements><span class=secno>4.12 </span>Miscellaneous elements</a>
- <ol>
- <li><a href=#the-legend-element><span class=secno>4.12.1 </span>The <code>legend</code> element</a></li>
- <li><a href=#the-div-element><span class=secno>4.12.2 </span>The <code>div</code> element</a></li></ol></li>
- <li><a href=#common-idioms-without-dedicated-elements><span class=secno>4.13 </span>Common idioms without dedicated elements</a>
+ <li><a href=#common-idioms-without-dedicated-elements><span class=secno>4.12 </span>Common idioms without dedicated elements</a>
<ol>
- <li><a href=#tag-clouds><span class=secno>4.13.1 </span>Tag clouds</a></li>
- <li><a href=#conversations><span class=secno>4.13.2 </span>Conversations</a></li>
- <li><a href=#footnotes><span class=secno>4.13.3 </span>Footnotes</a></li></ol></li></ol></li>
+ <li><a href=#tag-clouds><span class=secno>4.12.1 </span>Tag clouds</a></li>
+ <li><a href=#conversations><span class=secno>4.12.2 </span>Conversations</a></li>
+ <li><a href=#footnotes><span class=secno>4.12.3 </span>Footnotes</a></li></ol></li></ol></li>
<li><a href=#microdata><span class=secno>5 </span>Microdata</a>
<ol>
<li><a href=#introduction-1><span class=secno>5.1 </span>Introduction</a>
@@ -6718,8 +6716,8 @@
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
<dd>Before <code><a href=#the-dd-element>dd</a></code> or <code><a href=#the-dt-element>dt</a></code> elements inside <code><a href=#the-dl-element>dl</a></code> elements.</dd>
- <dd>As a child of a <code><a href=#the-figure-element>figure</a></code> element.</dd>
- <dd>As a child of a <code><a href=#the-details-element>details</a></code> element.</dd>
+ <dd>In a <code><a href=#the-figure-element>figure</a></code> element containing no other <code><a href=#the-dt-element>dt</a></code> element children.</dd>
+ <dd>As the first child of a <code><a href=#the-details-element>details</a></code> element.</dd>
<dt>Content model:</dt>
<dd>When the parent node is a <code><a href=#the-figure-element>figure</a></code> element: <a href=#flow-content>flow content</a>, but with no descendant <code><a href=#the-figure-element>figure</a></code> elements.</dd>
<dd>Otherwise: <a href=#phrasing-content>phrasing content</a>.</dd>
@@ -6738,8 +6736,8 @@
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
<dd>After <code><a href=#the-dt-element>dt</a></code> or <code><a href=#the-dd-element>dd</a></code> elements inside <code><a href=#the-dl-element>dl</a></code> elements.</dd>
- <dd>As a child of a <code><a href=#the-figure-element>figure</a></code> element.</dd>
- <dd>As a child of a <code><a href=#the-details-element>details</a></code> element.</dd>
+ <dd>In a <code><a href=#the-figure-element>figure</a></code> element containing no other <code><a href=#the-dd-element>dd</a></code> element children.</dd>
+ <dd>As the last child of a <code><a href=#the-details-element>details</a></code> element.</dd>
<dt>Content model:</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
@@ -6769,6 +6767,56 @@
<dd><i class="part-of-speech"><abbr>v.intr.</abbr></i> To be delighted oneself.</dd>
<dd><i class="part-of-speech"><abbr>v.tr.</abbr></i> To cause one to be delighted.</dd>
</dl></pre>
+ </div><h4 id=the-div-element><span class=secno>4.5.12 </span>The <dfn><code>div</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class=element><dt>Categories</dt>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
+ <dt>Content model:</dt>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dt>Content attributes:</dt>
+ <dd><a href=#global-attributes>Global attributes</a></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+ <pre class=idl>interface <dfn id=htmldivelement>HTMLDivElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
+ </dd>
+ </dl><p>The <code><a href=#the-div-element>div</a></code> element has no special meaning at all. It
+ <a href=#represents>represents</a> its children. It can be used with the <code title=attr-class><a href=#classes>class</a></code>, <code title=attr-lang><a href=#attr-lang>lang</a></code>, and <code title=attr-title><a href=#the-title-attribute>title</a></code> attributes to mark up semantics
+ common to a group of consecutive elements.</p><p class=note>Authors are strongly encouraged to view the
+ <code><a href=#the-div-element>div</a></code> element as an element of last resort, for when no
+ other element is suitable. Use of the <code><a href=#the-div-element>div</a></code> element
+ instead of more appropriate elements leads to poor accessibility for
+ readers and poor maintainability for authors.</p><div class=example>
+
+ <p>For example, a blog post would be marked up using
+ <code><a href=#the-article-element>article</a></code>, a chapter using <code><a href=#the-section-element>section</a></code>, a
+ page's navigation aids using <code><a href=#the-nav-element>nav</a></code>, and a group of form
+ controls using <code><a href=#the-fieldset-element>fieldset</a></code>.</p>
+
+ <p>On the other hand, <code><a href=#the-div-element>div</a></code> elements can be useful for
+ stylistic purposes or to wrap multiple paragraphs within a section
+ that are all to be annotated in a similar way. In the following
+ example, we see <code><a href=#the-div-element>div</a></code> elements used as a way to set the
+ language of two paragraphs at once, instead of setting the language
+ on the two paragraph elements separately:</p>
+
+ <pre><article lang="en-US">
+ <h1>My use of language and my cats</h1>
+ <p>My cat's behavior hasn't changed much since her absence, except
+ that she plays her new physique to the neighbors regularly, in an
+ attempt to get pets.</p>
+ <div lang="en-GB">
+ <p>My other cat, coloured black and white, is a sweetie. He followed
+ us to the pool today, walking down the pavement with us. Yesterday
+ he apparently visited our neighbours. I wonder if he recognises that
+ their flat is a mirror image of ours.</p>
+ <p>Hm, I just noticed that in the last paragraph I used British
+ English. But I'm supposed to write in American English. So I
+ shouldn't say "pavement" or "flat" or "colour"...</p>
+ </div>
+ <p>I should say "sidewalk" and "apartment" and "color"!</p>
+</article></pre>
+
</div><h3 id=text-level-semantics><span class=secno>4.6 </span>Text-level semantics</h3><h4 id=the-a-element><span class=secno>4.6.1 </span>The <dfn><code>a</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd>When the element only contains <a href=#phrasing-content>phrasing content</a>: <a href=#phrasing-content>phrasing content</a>.</dd>
@@ -13677,7 +13725,32 @@
<p><label>Expiry date: <input name=clubexp type=month></label></p>
</fieldset></pre>
- </div><h4 id=the-label-element><span class=secno>4.10.3 </span>The <dfn><code>label</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class=element><dt>Categories</dt>
+ </div><h4 id=the-legend-element><span class=secno>4.10.3 </span>The <dfn><code>legend</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ <dd>None.</dd>
+ <dt>Contexts in which this element may be used:</dt>
+ <dd>As the first child of a <code><a href=#the-fieldset-element>fieldset</a></code> element.</dd>
+ <dt>Content model:</dt>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dt>Content attributes:</dt>
+ <dd><a href=#global-attributes>Global attributes</a></dd>
+ <dt>DOM interface:</dt>
+ <dd>
+ <pre class=idl>interface <dfn id=htmllegendelement>HTMLLegendElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
+ readonly attribute <a href=#htmlformelement>HTMLFormElement</a> <a href=#dom-legend-form title=dom-legend-form>form</a>;
+};</pre>
+ </dd>
+ </dl><p>The <code><a href=#the-legend-element>legend</a></code> element <a href=#represents>represents</a> a caption
+ for the rest of the contents of the <code><a href=#the-legend-element>legend</a></code> element's
+ parent <code><a href=#the-fieldset-element>fieldset</a></code> element.</p><dl class=domintro><dt><var title="">legend</var> . <code title=dom-legend-form><a href=#dom-legend-form>form</a></code></dt>
+
+ <dd>
+
+ <p>Returns the element's <code><a href=#the-form-element>form</a></code> element, if any, or
+ null otherwise.</p>
+
+ </dd>
+
+ </dl><h4 id=the-label-element><span class=secno>4.10.4 </span>The <dfn><code>label</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd><a href=#interactive-content>Interactive content</a>.</dd>
@@ -13733,7 +13806,7 @@
<p><label>Age: <input name=age type=number min=0></label></p>
<p><label>Post code: <input name=pc> <small>Format: AB12 3CD</small></label></p></pre>
- </div><h4 id=the-input-element><span class=secno>4.10.4 </span>The <dfn><code>input</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><dl class=element><dt>Categories</dt>
+ </div><h4 id=the-input-element><span class=secno>4.10.5 </span>The <dfn><code>input</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#interactive-content>Interactive content</a>.</dd>
@@ -14837,12 +14910,12 @@
attribute represents the element's name. The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute is used to make
the control non-interactive and to prevent its value from being
submitted. The <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code>
- attribute controls focus.</p><h5 id=states-of-the-type-attribute><span class=secno>4.10.4.1 </span>States of the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute</h5><h6 id=hidden-state><span class=secno>4.10.4.1.1 </span><dfn title=attr-input-type-hidden>Hidden</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a value
+ attribute controls focus.</p><h5 id=states-of-the-type-attribute><span class=secno>4.10.5.1 </span>States of the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute</h5><h6 id=hidden-state><span class=secno>4.10.5.1.1 </span><dfn title=attr-input-type-hidden>Hidden</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a value
that is not intended to be examined or manipulated by the user.</p><p>If the <code title=attr-input-value><a href=#attr-input-value>name</a></code> attribute is
present and has a value that is a <a href=#case-sensitive>case-sensitive</a> match
for the string "<code title="">_charset_</code>", then the element's
<code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute must be
- omitted.</p><h6 id=text-state-and-search-state><span class=secno>4.10.4.1.2 </span><dfn title=attr-input-type-text>Text</dfn> state and <dfn title=attr-input-type-search>Search</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 idea: applying input masks to <input>, e.g. for entering
+ omitted.</p><h6 id=text-state-and-search-state><span class=secno>4.10.5.1.2 </span><dfn title=attr-input-type-text>Text</dfn> state and <dfn title=attr-input-type-search>Search</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 idea: applying input masks to <input>, e.g. for entering
data with slashes and dashes (ack Greg Kilwein)
--><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a one line
plain text edit control for the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p><p class=note>The difference between the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state and the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state is primarily
@@ -14851,7 +14924,7 @@
an appearance consistent with the platform's search fields rather
than appearing like a regular text field.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
- or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id=telephone-state><span class=secno>4.10.4.1.3 </span><dfn title=attr-input-type-tel>Telephone</dfn> state</h6><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id=telephone-state><span class=secno>4.10.5.1.3 </span><dfn title=attr-input-type-tel>Telephone</dfn> state</h6><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for editing a telephone number given in the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
or U+000D CARRIAGE RETURN (CR) characters.</p><p class=note>Unlike the <a href=#url-state title=attr-input-type-url>URL</a> and <a href=#e-mail-state title=attr-input-type-email>E-mail</a> types, the <a href=#telephone-state title=attr-input-type-tel>Telephone</a> type does not enforce a
@@ -14859,11 +14932,11 @@
number fields tend to be free-form fields, because there are a wide
variety of valid phone numbers. Systems that need to enforce a
particular format are encouraged to use the <code title=dom-cva-setCustomValidity><a href=#dom-cva-setcustomvalidity>setCustomValidity()</a></code> method
- to hook into the client-side validation mechanism.</p><h6 id=url-state><span class=secno>4.10.4.1.4 </span><dfn title=attr-input-type-url>URL</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ to hook into the client-side validation mechanism.</p><h6 id=url-state><span class=secno>4.10.5.1.4 </span><dfn title=attr-input-type-url>URL</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for editing a single <a href=#absolute-url>absolute URL</a> given in the
element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that is a <a href=#valid-url title="valid
- URL">valid</a> <a href=#absolute-url>absolute URL</a>.</p><h6 id=e-mail-state><span class=secno>4.10.4.1.5 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ URL">valid</a> <a href=#absolute-url>absolute URL</a>.</p><h6 id=e-mail-state><span class=secno>4.10.5.1.5 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for editing a list of e-mail addresses given in the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p><p>If the <code title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>
attribute is specified on the element, then the <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if specified, must
have a value that is a <a href=#valid-e-mail-address-list>valid e-mail address list</a>;
@@ -14881,11 +14954,11 @@
simultaneously too strict (before the "@" character), too vague
(after the "@" character), and too lax (allowing comments, white
space characters, and quoted strings in manners unfamiliar to most
- users) to be of practical use here.</p><h6 id=password-state><span class=secno>4.10.4.1.6 </span><dfn title=attr-input-type-password>Password</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a one line
+ users) to be of practical use here.</p><h6 id=password-state><span class=secno>4.10.5.1.6 </span><dfn title=attr-input-type-password>Password</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a one line
plain text edit control for the element's <a href=#concept-fe-value title=concept-fe-value>value</a>. The user agent should obscure
the value so that people other than the user cannot see it.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
- or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id=date-and-time-state><span class=secno>4.10.4.1.7 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ or U+000D CARRIAGE RETURN (CR) characters.</p><h6 id=date-and-time-state><span class=secno>4.10.5.1.7 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
specific <a href=#concept-datetime title=concept-datetime>global date and
time</a>. </p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
@@ -14897,7 +14970,7 @@
attribute, if specified, must have a value that is a <a href=#valid-global-date-and-time-string>valid
global date and time string</a>.</p><p>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute is
expressed in seconds. The <a href=#concept-input-step-default title=concept-input-step-default>default step</a> is 60
- seconds.</p><h6 id=date-state><span class=secno>4.10.4.1.8 </span><dfn title=attr-input-type-date>Date</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ seconds.</p><h6 id=date-state><span class=secno>4.10.5.1.8 </span><dfn title=attr-input-type-date>Date</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
specific <a href=#concept-date title=concept-date>date</a>.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that is a <a href=#valid-date-string>valid date
@@ -14907,7 +14980,7 @@
string</a>. The <code title=attr-input-max><a href=#attr-input-max>max</a></code>
attribute, if specified, must have a value that is a <a href=#valid-date-string>valid
date string</a>.</p><p>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute is
- expressed in days. The <a href=#concept-input-step-default title=concept-input-step-default>default step</a> is 1 day.</p><h6 id=month-state><span class=secno>4.10.4.1.9 </span><dfn title=attr-input-type-month>Month</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ expressed in days. The <a href=#concept-input-step-default title=concept-input-step-default>default step</a> is 1 day.</p><h6 id=month-state><span class=secno>4.10.5.1.9 </span><dfn title=attr-input-type-month>Month</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
specific <a href=#concept-month title=concept-month>month</a>.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that is a <a href=#valid-month-string>valid month
@@ -14919,7 +14992,7 @@
month string</a>.</p><p>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute is
expressed in months.
The <a href=#concept-input-step-default title=concept-input-step-default>default step</a> is
- 1 month.</p><h6 id=week-state><span class=secno>4.10.4.1.10 </span><dfn title=attr-input-type-week>Week</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ 1 month.</p><h6 id=week-state><span class=secno>4.10.5.1.10 </span><dfn title=attr-input-type-week>Week</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
specific <a href=#concept-week title=concept-week>week</a>.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that is a <a href=#valid-week-string>valid week
@@ -14930,7 +15003,7 @@
attribute, if specified, must have a value that is a <a href=#valid-week-string>valid
week string</a>.</p><p>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute is
expressed in weeks. The <a href=#concept-input-step-default title=concept-input-step-default>default step</a> is 1
- week.</p><h6 id=time-state><span class=secno>4.10.4.1.11 </span><dfn title=attr-input-type-time>Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ week.</p><h6 id=time-state><span class=secno>4.10.5.1.11 </span><dfn title=attr-input-type-time>Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
specific <a href=#concept-time title=concept-time>time</a>.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that is a <a href=#valid-time-string>valid time
@@ -14941,7 +15014,7 @@
attribute, if specified, must have a value that is a <a href=#valid-time-string>valid
time string</a>.</p><p>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute is
expressed in seconds. The <a href=#concept-input-step-default title=concept-input-step-default>default step</a> is 60
- seconds.</p><h6 id=local-date-and-time-state><span class=secno>4.10.4.1.12 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ seconds.</p><h6 id=local-date-and-time-state><span class=secno>4.10.5.1.12 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
<a href=#concept-datetime-local title=concept-datetime-local>local date and time</a>,
with no time-zone offset information.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
@@ -14953,7 +15026,7 @@
attribute, if specified, must have a value that is a <a href=#valid-local-date-and-time-string>valid
local date and time string</a>.</p><p>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute is
expressed in seconds. The <a href=#concept-input-step-default title=concept-input-step-default>default step</a> is 60
- seconds.</p><h6 id=number-state><span class=secno>4.10.4.1.13 </span><dfn title=attr-input-type-number>Number</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ seconds.</p><h6 id=number-state><span class=secno>4.10.5.1.13 </span><dfn title=attr-input-type-number>Number</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
number.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that is a <a href=#valid-floating-point-number>valid floating point
@@ -14964,7 +15037,7 @@
attribute, if specified, must have a value that is a <a href=#valid-floating-point-number>valid
floating point number</a>.</p><p>The <a href=#concept-input-step-default title=concept-input-step-default>default
step</a> is 1 (allowing only integers, unless the <code title=attr-input-min><a href=#attr-input-min>min</a></code> attribute has a non-integer
- value).</p><h6 id=range-state><span class=secno>4.10.4.1.14 </span><dfn title=attr-input-type-range>Range</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ value).</p><h6 id=range-state><span class=secno>4.10.5.1.14 </span><dfn title=attr-input-type-range>Range</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
number, but with the caveat that the exact value is not important,
letting UAs provide a simpler interface than they do for the <a href=#number-state title=attr-input-type-number>Number</a> state.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
@@ -14980,11 +15053,11 @@
plus half the difference between the <a href=#concept-input-min title=concept-input-min>minimum</a> and the <a href=#concept-input-max title=concept-input-max>maximum</a>, unless the <a href=#concept-input-max title=concept-input-max>maximum</a> is less than the <a href=#concept-input-min title=concept-input-min>minimum</a>, in which case the <a href=#concept-input-value-default-range title=concept-input-value-default-range>default value</a> is
the <a href=#concept-input-min title=concept-input-min>minimum</a>.</p><p>The <a href=#concept-input-step-default title=concept-input-step-default>default
step</a> is 1 (allowing only integers, unless the <code title=attr-input-min><a href=#attr-input-min>min</a></code> attribute has a non-integer
- value).</p><h6 id=color-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a color
+ value).</p><h6 id=color-state><span class=secno>4.10.5.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a color
well control, for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
<a href=#simple-color>simple color</a>.</p><p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that is a <a href=#valid-simple-color>valid simple
- color</a>.</p><h6 id=checkbox-state><span class=secno>4.10.4.1.16 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a
+ color</a>.</p><h6 id=checkbox-state><span class=secno>4.10.5.1.16 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a
two-state control that represents the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state. If the
element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state
is true, the control represents a positive selection, and if it is
@@ -15002,7 +15075,7 @@
</dd>
- </dl><h6 id=radio-button-state><span class=secno>4.10.4.1.17 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
+ </dl><h6 id=radio-button-state><span class=secno>4.10.5.1.17 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
that, when used in conjunction with other <code><a href=#the-input-element>input</a></code>
elements, forms a <i><a href=#radio-button-group>radio button group</a></i> in which only one
control can have its <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state set to true. If
@@ -15028,7 +15101,7 @@
group</a> are checked when they are inserted into the document,
then they will all be initially unchecked in the interface, until
such time as one of them is checked (either by the user or by
- script).</p><h6 id=file-upload-state><span class=secno>4.10.4.1.18 </span><dfn title=attr-input-type-file>File Upload</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 ideas:
+ script).</p><h6 id=file-upload-state><span class=secno>4.10.5.1.18 </span><dfn title=attr-input-type-file>File Upload</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 ideas:
* maximum height/width or required ratio for image uploads? - Leons Petrazickis
* maximum per-file upload size - Alfonso Martínez de Lizarrondo
--><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a list of
@@ -15056,11 +15129,11 @@
</dl><p>The tokens must not be <a href=#ascii-case-insensitive>ASCII case-insensitive</a>
matches for any of the other tokens (i.e. duplicates are not
- allowed). </p><hr><h6 id=submit-button-state><span class=secno>4.10.4.1.19 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a button
+ allowed). </p><hr><h6 id=submit-button-state><span class=secno>4.10.5.1.19 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a button
that, when activated, submits the form. The element is a <a href=#concept-button title=concept-button>button</a>, specifically a <a href=#concept-submit-button title=concept-submit-button>submit button</a>.</p><p>The <code title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code title=attr-fs-formnovalidate><a href=#attr-fs-formnovalidate>formnovalidate</a></code>, and <code title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code> attributes are <a href=#attributes-for-form-submission>attributes
for form submission</a>.</p><p class=note>The <code title=attr-fs-formnovalidate><a href=#attr-fs-formnovalidate>formnovalidate</a></code> attribute can
be used to make submit buttons that do not trigger the constraint
- validation.</p><h6 id=image-button-state><span class=secno>4.10.4.1.20 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> either an
+ validation.</p><h6 id=image-button-state><span class=secno>4.10.5.1.20 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> either an
image from which a user can select a coordinate and submit the form,
or alternatively a button from which the user can submit the
form. The element is a <a href=#concept-button title=concept-button>button</a>,
@@ -15076,9 +15149,9 @@
for form submission</a>.</p><p class=note>Many aspects of this state's behavior are similar to
the behavior of the <code><a href=#the-img-element>img</a></code> element. Readers are encouraged
to read that section, where many of the same requirements are
- described in more detail.</p><h6 id=reset-button-state><span class=secno>4.10.4.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a button
- that, when activated, resets the form. The element is a <a href=#concept-button title=concept-button>button</a>.</p><h6 id=button-state><span class=secno>4.10.4.1.22 </span><dfn title=attr-input-type-button>Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a button
- with no default behavior. The element is a <a href=#concept-button title=concept-button>button</a>.</p><h5 id=common-input-element-attributes><span class=secno>4.10.4.2 </span>Common <code><a href=#the-input-element>input</a></code> element attributes</h5><h6 id=the-autocomplete-attribute><span class=secno>4.10.4.2.1 </span>The <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>User agents sometimes have features for helping users fill forms
+ described in more detail.</p><h6 id=reset-button-state><span class=secno>4.10.5.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a button
+ that, when activated, resets the form. The element is a <a href=#concept-button title=concept-button>button</a>.</p><h6 id=button-state><span class=secno>4.10.5.1.22 </span><dfn title=attr-input-type-button>Button</dfn> state</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a button
+ with no default behavior. The element is a <a href=#concept-button title=concept-button>button</a>.</p><h5 id=common-input-element-attributes><span class=secno>4.10.5.2 </span>Common <code><a href=#the-input-element>input</a></code> element attributes</h5><h6 id=the-autocomplete-attribute><span class=secno>4.10.5.2.1 </span>The <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>User agents sometimes have features for helping users fill forms
in, for example prefilling the user's address based on earlier user
input.</p><p>The <dfn id=attr-input-autocomplete title=attr-input-autocomplete><code>autocomplete</code></dfn>
attribute is an <a href=#enumerated-attribute>enumerated attribute</a>. The attribute has
@@ -15109,7 +15182,7 @@
<pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
<p><label>PIN: <input type="password" name="pin" autocomplete="off"></label></p></pre>
- </div><h6 id=the-list-attribute><span class=secno>4.10.4.2.2 </span>The <code title=attr-input-list><a href=#attr-input-list>list</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-list title=attr-input-list><code>list</code></dfn>
+ </div><h6 id=the-list-attribute><span class=secno>4.10.5.2.2 </span>The <code title=attr-input-list><a href=#attr-input-list>list</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-list title=attr-input-list><code>list</code></dfn>
attribute is used to identify an element that lists predefined
options suggested to the user.</p><p>If present, its value must be the ID of a <code><a href=#the-datalist-element>datalist</a></code>
element in the same document.</p><div class=example>
@@ -15125,7 +15198,7 @@
<p>Other URLs from the user's history might show also; this is up
to the user agent.</p>
- </div><h6 id=the-readonly-attribute><span class=secno>4.10.4.2.3 </span>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-readonly title=attr-input-readonly><code>readonly</code></dfn>
+ </div><h6 id=the-readonly-attribute><span class=secno>4.10.5.2.3 </span>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-readonly title=attr-input-readonly><code>readonly</code></dfn>
attribute is a <a href=#boolean-attribute>boolean attribute</a> that controls whether
or not the use can edit the form control. </p><div class=example>
@@ -15157,12 +15230,12 @@
<p> <button name="action" value="update">Save</button> </p>
</form></pre>
- </div><h6 id=the-size-attribute><span class=secno>4.10.4.2.4 </span>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-size title=attr-input-size><code>size</code></dfn>
+ </div><h6 id=the-size-attribute><span class=secno>4.10.5.2.4 </span>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-size title=attr-input-size><code>size</code></dfn>
attribute gives the number of characters that, in a visual
rendering, the user agent is to allow the user to see while editing
the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p><p>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute, if
specified, must have a value that is a <a href=#valid-non-negative-integer>valid non-negative
- integer</a> greater than zero.</p><h6 id=the-required-attribute><span class=secno>4.10.4.2.5 </span>The <code title=attr-input-required><a href=#attr-input-required>required</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-required title=attr-input-required><code>required</code></dfn>
+ integer</a> greater than zero.</p><h6 id=the-required-attribute><span class=secno>4.10.5.2.5 </span>The <code title=attr-input-required><a href=#attr-input-required>required</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-required title=attr-input-required><code>required</code></dfn>
attribute is a <a href=#boolean-attribute>boolean attribute</a>. When specified, the
element is <dfn id=concept-input-required title=concept-input-required><i>required</i></dfn>.</p><div class=example>
@@ -15186,7 +15259,7 @@
<input type=submit value="Create account">
</form></pre>
- </div><h6 id=the-multiple-attribute><span class=secno>4.10.4.2.6 </span>The <code title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-multiple title=attr-input-multiple><code>multiple</code></dfn>
+ </div><h6 id=the-multiple-attribute><span class=secno>4.10.5.2.6 </span>The <code title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-multiple title=attr-input-multiple><code>multiple</code></dfn>
attribute is a <a href=#boolean-attribute>boolean attribute</a> that indicates whether
the user is to be allowed to specify more than one value.</p><div class=example>
@@ -15202,7 +15275,7 @@
<pre><label>Attachments: <input type=file multiple name=att></label></pre>
- </div><h6 id=the-maxlength-attribute><span class=secno>4.10.4.2.7 </span>The <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-maxlength title=attr-input-maxlength><code>maxlength</code></dfn>
+ </div><h6 id=the-maxlength-attribute><span class=secno>4.10.5.2.7 </span>The <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-maxlength title=attr-input-maxlength><code>maxlength</code></dfn>
attribute is a <a href=#attr-fe-maxlength title=attr-fe-maxlength>form control <code title="">maxlength</code> attribute</a>.</p><p>If the <code><a href=#the-input-element>input</a></code> element has a <a href=#maximum-allowed-value-length>maximum allowed
value length</a>, then the <a href=#code-point-length>code-point length</a> of the
value of the element's <code title=attr-input-value><a href=#attr-input-value>value</a></code>
@@ -15216,7 +15289,7 @@
<pre>What are you doing? <input name=status maxlength=140></pre>
- </div><h6 id=the-pattern-attribute><span class=secno>4.10.4.2.8 </span>The <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-pattern title=attr-input-pattern><code>pattern</code></dfn>
+ </div><h6 id=the-pattern-attribute><span class=secno>4.10.5.2.8 </span>The <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-pattern title=attr-input-pattern><code>pattern</code></dfn>
attribute specifies a regular expression against which the control's
<a href=#concept-fe-value title=concept-fe-value>value</a> is to be checked.</p><p>If specified, the attribute's value must match the JavaScript <i title="">Pattern</i> production. <a href=#refsECMA262>[ECMA262]</a></p><p>When an <code><a href=#the-input-element>input</a></code> element has a <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute specified,
authors should include a <code title=attr-title><a href=#the-title-attribute>title</a></code>
@@ -15242,7 +15315,7 @@
would be impaired.</p><p class=example>For instance, if the title attribute contained
the caption of the control, assistive technology could end up saying
something like <samp>The text you have entered does not match the
- required pattern. Birthday</samp>, which is not useful.</p><h6 id=the-min-and-max-attributes><span class=secno>4.10.4.2.9 </span>The <code title=attr-input-min><a href=#attr-input-min>min</a></code> and <code title=attr-input-max><a href=#attr-input-max>max</a></code> attributes</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-min title=attr-input-min><code>min</code></dfn> and <dfn id=attr-input-max title=attr-input-max><code>max</code></dfn> attributes indicate
+ required pattern. Birthday</samp>, which is not useful.</p><h6 id=the-min-and-max-attributes><span class=secno>4.10.5.2.9 </span>The <code title=attr-input-min><a href=#attr-input-min>min</a></code> and <code title=attr-input-max><a href=#attr-input-max>max</a></code> attributes</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-min title=attr-input-min><code>min</code></dfn> and <dfn id=attr-input-max title=attr-input-max><code>max</code></dfn> attributes indicate
the allowed range of values for the element.</p><div class=example>
<p>The following date control limits input to dates that are before
@@ -15257,7 +15330,7 @@
<pre><input name=quantity required type=number min=1 value=1></pre>
- </div><h6 id=the-step-attribute><span class=secno>4.10.4.2.10 </span>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-step title=attr-input-step><code>step</code></dfn>
+ </div><h6 id=the-step-attribute><span class=secno>4.10.5.2.10 </span>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-input-step title=attr-input-step><code>step</code></dfn>
attribute indicates the granularity that is expected (and required)
of the <a href=#concept-fe-value title=concept-fe-value>value</a>, by limiting the
allowed values. </p><p>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute, if
@@ -15283,7 +15356,7 @@
<p>Normally, time controls are limited to an accuracy of one
minute.</p>
- </div><h6 id=the-placeholder-attribute><span class=secno>4.10.4.2.11 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- similar text in the <textarea> section --><p>The <dfn id=attr-input-placeholder title=attr-input-placeholder><code>placeholder</code></dfn>
+ </div><h6 id=the-placeholder-attribute><span class=secno>4.10.5.2.11 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- similar text in the <textarea> section --><p>The <dfn id=attr-input-placeholder title=attr-input-placeholder><code>placeholder</code></dfn>
attribute represents a <em>short</em> hint (a word or short phrase)
intended to aid the user with data entry. A hint could be a sample
value or a brief description of the expected format. The attribute,
@@ -15304,7 +15377,7 @@
<p><label>Description: <input type="text" name="desc" placeholder="My Email Account"></label></p>
</fieldset></pre>
- </div><h5 id=common-input-element-apis><span class=secno>4.10.4.3 </span>Common <code><a href=#the-input-element>input</a></code> element APIs</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=domintro><dt><var title="">input</var> . <code title=dom-input-value><a href=#dom-input-value>value</a></code> [ = <var title="">value</var> ]</dt>
+ </div><h5 id=common-input-element-apis><span class=secno>4.10.5.3 </span>Common <code><a href=#the-input-element>input</a></code> element APIs</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=domintro><dt><var title="">input</var> . <code title=dom-input-value><a href=#dom-input-value>value</a></code> [ = <var title="">value</var> ]</dt>
<dd>
@@ -15402,7 +15475,7 @@
</dd>
- </dl><h4 id=the-button-element><span class=secno>4.10.5 </span>The <dfn><code>button</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ </dl><h4 id=the-button-element><span class=secno>4.10.6 </span>The <dfn><code>button</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd><a href=#interactive-content>Interactive content</a>.</dd>
@@ -15496,7 +15569,7 @@
Show hint
</button></pre>
- </div><h4 id=the-select-element><span class=secno>4.10.6 </span>The <dfn><code>select</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ </div><h4 id=the-select-element><span class=secno>4.10.7 </span>The <dfn><code>select</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd><a href=#interactive-content>Interactive content</a>.</dd>
@@ -15708,7 +15781,7 @@
</select>
</p></pre>
- </div><h4 id=the-datalist-element><span class=secno>4.10.7 </span>The <dfn><code>datalist</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ </div><h4 id=the-datalist-element><span class=secno>4.10.8 </span>The <dfn><code>datalist</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
@@ -15746,7 +15819,7 @@
<p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code>options</code> elements of the table.</p>
</dd>
- </dl><h4 id=the-optgroup-element><span class=secno>4.10.8 </span>The <dfn><code>optgroup</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ </dl><h4 id=the-optgroup-element><span class=secno>4.10.9 </span>The <dfn><code>optgroup</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><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><a href=#the-select-element>select</a></code> element.</dd>
@@ -15797,7 +15870,7 @@
<p><input type=submit value="▶ Play">
</form></pre>
- </div><h4 id=the-option-element><span class=secno>4.10.9 </span>The <dfn><code>option</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ </div><h4 id=the-option-element><span class=secno>4.10.10 </span>The <dfn><code>option</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><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><a href=#the-select-element>select</a></code> element.</dd>
@@ -15884,7 +15957,7 @@
</dd>
- </dl><h4 id=the-textarea-element><span class=secno>4.10.10 </span>The <dfn><code>textarea</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ </dl><h4 id=the-textarea-element><span class=secno>4.10.11 </span>The <dfn><code>textarea</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd><a href=#interactive-content>Interactive content</a>.</dd>
@@ -16007,7 +16080,7 @@
<pre><p>If you have any comments, please let us know: <textarea cols=80 name=comments></textarea></p></pre>
- </div><h4 id=the-keygen-element><span class=secno>4.10.11 </span>The <dfn><code>keygen</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>First draft</i></p><dl class=element><dt>Categories</dt>
+ </div><h4 id=the-keygen-element><span class=secno>4.10.12 </span>The <dfn><code>keygen</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>First draft</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd><a href=#interactive-content>Interactive content</a>.</dd>
@@ -16104,7 +16177,7 @@
can then be used for various purposes, such as generating a client
certificate, as mentioned above.</p>
- </div><h4 id=the-output-element><span class=secno>4.10.12 </span>The <dfn><code>output</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
+ </div><h4 id=the-output-element><span class=secno>4.10.13 </span>The <dfn><code>output</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a> and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
@@ -16186,7 +16259,7 @@
<output onforminput="value = a.value + b.value"></output>
</form></pre>
- </div><h4 id=association-of-controls-and-forms><span class=secno>4.10.13 </span>Association of controls and forms</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <a href=#form-associated-element>form-associated element</a> can have a relationship
+ </div><h4 id=association-of-controls-and-forms><span class=secno>4.10.14 </span>Association of controls and forms</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <a href=#form-associated-element>form-associated element</a> can have a relationship
with a <code><a href=#the-form-element>form</a></code> element, which is called the element's
<dfn id=form-owner>form owner</dfn>. If a <a href=#form-associated-element>form-associated element</a> is
not associated with a <code><a href=#the-form-element>form</a></code> element, its <a href=#form-owner>form
@@ -16204,15 +16277,15 @@
</dd>
- </dl><h4 id=attributes-common-to-form-controls><span class=secno>4.10.14 </span><dfn>Attributes common to form controls</dfn></h4><h5 id=naming-form-controls><span class=secno>4.10.14.1 </span>Naming form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-fe-name title=attr-fe-name><code>name</code></dfn> content
+ </dl><h4 id=attributes-common-to-form-controls><span class=secno>4.10.15 </span><dfn>Attributes common to form controls</dfn></h4><h5 id=naming-form-controls><span class=secno>4.10.15.1 </span>Naming form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-fe-name title=attr-fe-name><code>name</code></dfn> content
attribute gives the name of the form control, as used in <a href=#form-submission>form
submission</a> and in the <code><a href=#the-form-element>form</a></code> element's <code title=dom-form-elements><a href=#dom-form-elements>elements</a></code> object. If the attribute
- is specified, its value must not be the empty string.</p><h5 id=enabling-and-disabling-form-controls><span class=secno>4.10.14.2 </span>Enabling and disabling form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-fe-disabled title=attr-fe-disabled><code>disabled</code></dfn>
+ is specified, its value must not be the empty string.</p><h5 id=enabling-and-disabling-form-controls><span class=secno>4.10.15.2 </span>Enabling and disabling form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id=attr-fe-disabled title=attr-fe-disabled><code>disabled</code></dfn>
content attribute is a <a href=#boolean-attribute>boolean attribute</a>.</p><p>A form control is <dfn id=concept-fe-disabled title=concept-fe-disabled>disabled</dfn>
if its <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute is
set, or if it is a descendant of a <code><a href=#the-fieldset-element>fieldset</a></code> element
whose <code title=attr-fieldset-disabled><a href=#attr-fieldset-disabled>disabled</a></code> attribute
- is set.</p><h5 id=autofocusing-a-form-control><span class=secno>4.10.14.3 </span>Autofocusing a form control</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2: Apply this to contentEditable elements --><p>The <dfn id=attr-fe-autofocus title=attr-fe-autofocus><code>autofocus</code></dfn>
+ is set.</p><h5 id=autofocusing-a-form-control><span class=secno>4.10.15.3 </span>Autofocusing a form control</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2: Apply this to contentEditable elements --><p>The <dfn id=attr-fe-autofocus title=attr-fe-autofocus><code>autofocus</code></dfn>
content attribute allows the user to indicate that a control is to
be focused as soon as the page is loaded, allowing the user to just
start typing without having to manually focus the main control.</p><p>The <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> attribute is
@@ -16223,7 +16296,7 @@
the document was loaded.</p>
<pre><input maxlength="256" name="q" value="" autofocus>
<input type="submit" value="Search"></pre>
- </div><h5 id=limiting-user-input-length><span class=secno>4.10.14.4 </span>Limiting user input length</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id=attr-fe-maxlength title=attr-fe-maxlength>form control <code title="">maxlength</code> attribute</dfn>, controlled by a <var title="">dirty value flag</var> declares a limit on the number of
+ </div><h5 id=limiting-user-input-length><span class=secno>4.10.15.4 </span>Limiting user input length</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id=attr-fe-maxlength title=attr-fe-maxlength>form control <code title="">maxlength</code> attribute</dfn>, controlled by a <var title="">dirty value flag</var> declares a limit on the number of
characters a user can input.</p><p>If an element has its <a href=#attr-fe-maxlength title=attr-fe-maxlength>form
control <code title="">maxlength</code> attribute</a> specified,
the attribute's value must be a <a href=#valid-non-negative-integer>valid non-negative
@@ -16232,7 +16305,7 @@
results in a number, then that number is the element's <dfn id=maximum-allowed-value-length>maximum
allowed value length</dfn>. If the attribute is omitted or parsing
its value results in an error, then there is no <a href=#maximum-allowed-value-length>maximum
- allowed value length</a>.</p><h5 id=form-submission-0><span class=secno>4.10.14.5 </span>Form submission</h5><p><dfn id=attributes-for-form-submission>Attributes for form submission</dfn> can be specified both
+ allowed value length</a>.</p><h5 id=form-submission-0><span class=secno>4.10.15.5 </span>Form submission</h5><p><dfn id=attributes-for-form-submission>Attributes for form submission</dfn> can be specified both
on <code><a href=#the-form-element>form</a></code> elements and on <a href=#concept-submit-button title=concept-submit-button>submit buttons</a> (elements that
represent buttons that submit forms, e.g. an <code><a href=#the-input-element>input</a></code>
element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is
@@ -16328,7 +16401,7 @@
<p><input type=submit formnovalidate name=cancel value="Cancel"></p>
</form></pre>
- </div><h4 id=constraints><span class=secno>4.10.15 </span>Constraints</h4><h5 id=definitions><span class=secno>4.10.15.1 </span>Definitions</h5><h5 id=the-constraint-validation-api><span class=secno>4.10.15.2 </span>The <dfn>constraint validation API</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=domintro><dt><var title="">element</var> . <code title=dom-cva-willValidate><a href=#dom-cva-willvalidate>willValidate</a></code></dt>
+ </div><h4 id=constraints><span class=secno>4.10.16 </span>Constraints</h4><h5 id=definitions><span class=secno>4.10.16.1 </span>Definitions</h5><h5 id=the-constraint-validation-api><span class=secno>4.10.16.2 </span>The <dfn>constraint validation API</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=domintro><dt><var title="">element</var> . <code title=dom-cva-willValidate><a href=#dom-cva-willvalidate>willValidate</a></code></dt>
<dd>
@@ -16462,7 +16535,7 @@
}
</script></pre>
- </div><h4 id=form-submission><span class=secno>4.10.16 </span><dfn>Form submission</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>When forms are submitted, the data in the form is converted into
+ </div><h4 id=form-submission><span class=secno>4.10.17 </span><dfn>Form submission</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>When forms are submitted, the data in the form is converted into
the form specified by the <a href=#concept-fs-enctype title=concept-fs-enctype>enctype</a>, and then sent to the
destination specified by the <a href=#concept-fs-action title=concept-fs-action>action</a> using the given <a href=#concept-fs-method title=concept-fs-method>method</a>.</p><p>For example, take the following form:</p><pre><form action="/find.cgi" method=get>
<input type=text name=t>
@@ -19491,82 +19564,7 @@
</dl><hr><p>User agents may expose the <a href=#concept-command title=concept-command>commands</a> whose <a href=#command-facet-hiddenstate title=command-facet-HiddenState>Hidden State</a> facet is false
(visible), e.g. in the user agent's menu bar. User agents are
encouraged to do this especially for commands that have <a href=#command-facet-accesskey title=command-facet-AccessKey>Access Keys</a>, as a way to
- advertise those keys to the user.</p><h3 id=miscellaneous-elements><span class=secno>4.12 </span>Miscellaneous elements</h3><h4 id=the-legend-element><span class=secno>4.12.1 </span>The <dfn><code>legend</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class=element><dt>Categories</dt>
- <dd>None.</dd>
- <dt>Contexts in which this element may be used:</dt>
- <dd>As the first child of a <code><a href=#the-fieldset-element>fieldset</a></code> element.</dd>
- <dt>Content model:</dt>
- <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
- <dt>Content attributes:</dt>
- <dd><a href=#global-attributes>Global attributes</a></dd>
- <dt>DOM interface:</dt>
- <dd>
- <pre class=idl>interface <dfn id=htmllegendelement>HTMLLegendElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
- readonly attribute <a href=#htmlformelement>HTMLFormElement</a> <a href=#dom-legend-form title=dom-legend-form>form</a>;
-};</pre>
- </dd>
- </dl><p>The <code><a href=#the-legend-element>legend</a></code> element <a href=#represents>represents</a> a caption
- for the rest of the contents of the <code><a href=#the-legend-element>legend</a></code> element's
- parent <code><a href=#the-fieldset-element>fieldset</a></code> element.</p><dl class=domintro><dt><var title="">legend</var> . <code title=dom-legend-form><a href=#dom-legend-form>form</a></code></dt>
-
- <dd>
-
- <p>Returns the element's <code><a href=#the-form-element>form</a></code> element, if any, or
- null otherwise.</p>
-
- </dd>
-
- </dl><h4 id=the-div-element><span class=secno>4.12.2 </span>The <dfn><code>div</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content>Flow content</a>.</dd>
- <dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
- <dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
- <dt>Content model:</dt>
- <dd><a href=#flow-content>Flow content</a>.</dd>
- <dt>Content attributes:</dt>
- <dd><a href=#global-attributes>Global attributes</a></dd>
- <dt>DOM interface:</dt>
- <dd>
- <pre class=idl>interface <dfn id=htmldivelement>HTMLDivElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
- </dd>
- </dl><p>The <code><a href=#the-div-element>div</a></code> element has no special meaning at all. It
- <a href=#represents>represents</a> its children. It can be used with the <code title=attr-class><a href=#classes>class</a></code>, <code title=attr-lang><a href=#attr-lang>lang</a></code>, and <code title=attr-title><a href=#the-title-attribute>title</a></code> attributes to mark up semantics
- common to a group of consecutive elements.</p><p class=note>Authors are strongly encouraged to view the
- <code><a href=#the-div-element>div</a></code> element as an element of last resort, for when no
- other element is suitable. Use of the <code><a href=#the-div-element>div</a></code> element
- instead of more appropriate elements leads to poor accessibility for
- readers and poor maintainability for authors.</p><div class=example>
-
- <p>For example, a blog post would be marked up using
- <code><a href=#the-article-element>article</a></code>, a chapter using <code><a href=#the-section-element>section</a></code>, a
- page's navigation aids using <code><a href=#the-nav-element>nav</a></code>, and a group of form
- controls using <code><a href=#the-fieldset-element>fieldset</a></code>.</p>
-
- <p>On the other hand, <code><a href=#the-div-element>div</a></code> elements can be useful for
- stylistic purposes or to wrap multiple paragraphs within a section
- that are all to be annotated in a similar way. In the following
- example, we see <code><a href=#the-div-element>div</a></code> elements used as a way to set the
- language of two paragraphs at once, instead of setting the language
- on the two paragraph elements separately:</p>
-
- <pre><article lang="en-US">
- <h1>My use of language and my cats</h1>
- <p>My cat's behavior hasn't changed much since her absence, except
- that she plays her new physique to the neighbors regularly, in an
- attempt to get pets.</p>
- <div lang="en-GB">
- <p>My other cat, coloured black and white, is a sweetie. He followed
- us to the pool today, walking down the pavement with us. Yesterday
- he apparently visited our neighbours. I wonder if he recognises that
- their flat is a mirror image of ours.</p>
- <p>Hm, I just noticed that in the last paragraph I used British
- English. But I'm supposed to write in American English. So I
- shouldn't say "pavement" or "flat" or "colour"...</p>
- </div>
- <p>I should say "sidewalk" and "apartment" and "color"!</p>
-</article></pre>
-
- </div><h3 id=common-idioms-without-dedicated-elements><span class=secno>4.13 </span>Common idioms without dedicated elements</h3><h5 id=tag-clouds><span class=secno>4.13.1 </span>Tag clouds</h5><p id=tag-cloud>This specification does not define any markup
+ advertise those keys to the user.</p><h3 id=common-idioms-without-dedicated-elements><span class=secno>4.12 </span>Common idioms without dedicated elements</h3><h5 id=tag-clouds><span class=secno>4.12.1 </span>Tag clouds</h5><p id=tag-cloud>This specification does not define any markup
specifically for marking up lists of keywords that apply to a group
of pages (also known as <i>tag clouds</i>). In general, authors are
encouraged to either mark up such lists using <code><a href=#the-ul-element>ul</a></code>
@@ -19611,7 +19609,7 @@
that apply to the page itself; they are just part of an index
listing the tags themselves.</p>
- </div><h4 id=conversations><span class=secno>4.13.2 </span>Conversations</h4><p>This specification does not define a specific element for marking
+ </div><h4 id=conversations><span class=secno>4.12.2 </span>Conversations</h4><p>This specification does not define a specific element for marking
up conversations, meeting minutes, chat transcripts, dialogues in
screenplays, instant message logs, and other situations where
different players take turns in discourse.</p><p>Instead, authors are encouraged to mark up conversations using
@@ -19643,7 +19641,7 @@
<p> <time>14:24</time> <b>kaj</b> you are not helping your case</pre>
<!-- with thanks to http://bash.org/?854262 -->
- </div><h4 id=footnotes><span class=secno>4.13.3 </span>Footnotes</h4><p>HTML does not have a dedicated mechanism for marking up
+ </div><h4 id=footnotes><span class=secno>4.12.3 </span>Footnotes</h4><p>HTML does not have a dedicated mechanism for marking up
footnotes. Here are the recommended alternatives.</p><hr><p>For short inline annotations, the <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute should be used.</p><div class=example>
<p>In this example, two parts of a dialogue are annotated.</p>
Index: introduction.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/introduction.html,v
retrieving revision 1.143
retrieving revision 1.144
diff -u -d -r1.143 -r1.144
--- introduction.html 15 Sep 2009 11:07:10 -0000 1.143
+++ introduction.html 15 Sep 2009 11:16:53 -0000 1.144
@@ -217,7 +217,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="Overview.html#contents">Table of contents</a> –
<a href="infrastructure.html">2 Common infrastructure →</a>
Index: no.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/no.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- no.html 15 Sep 2009 11:07:10 -0000 1.142
+++ no.html 15 Sep 2009 11:16:53 -0000 1.143
@@ -218,7 +218,7 @@
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
<h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2>
-<p>This is revision 1.3025.</p>
+<p>This is revision 1.3027.</p>
</div><div>
<a href="obsolete.html">← 11 Obsolete features</a> –
<a href="Overview.html#contents">Table of contents</a> –
Received on Tuesday, 15 September 2009 11:17:17 UTC