[html5] r3054 - [] (0) Tentatively add a control for entering phone numbers.

whatwg at whatwg.org whatwg at whatwg.org
Thu Apr 30 22:32:00 PDT 2009


Author: ianh
Date: 2009-04-30 22:31:59 -0700 (Thu, 30 Apr 2009)
New Revision: 3054

Modified:
   index
   source
Log:
[] (0) Tentatively add a control for entering phone numbers.

Modified: index
===================================================================
--- index	2009-05-01 04:37:30 UTC (rev 3053)
+++ index	2009-05-01 05:31:59 UTC (rev 3054)
@@ -548,25 +548,26 @@
         <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=#url-state><span class=secno>4.10.4.1.3 </span>URL state</a></li>
-         <li><a href=#e-mail-state><span class=secno>4.10.4.1.4 </span>E-mail state</a></li>
-         <li><a href=#password-state><span class=secno>4.10.4.1.5 </span>Password state</a></li>
-         <li><a href=#date-and-time-state><span class=secno>4.10.4.1.6 </span>Date and Time state</a></li>
-         <li><a href=#date-state><span class=secno>4.10.4.1.7 </span>Date state</a></li>
-         <li><a href=#month-state><span class=secno>4.10.4.1.8 </span>Month state</a></li>
-         <li><a href=#week-state><span class=secno>4.10.4.1.9 </span>Week state</a></li>
-         <li><a href=#time-state><span class=secno>4.10.4.1.10 </span>Time state</a></li>
-         <li><a href=#local-date-and-time-state><span class=secno>4.10.4.1.11 </span>Local Date and Time state</a></li>
-         <li><a href=#number-state><span class=secno>4.10.4.1.12 </span>Number state</a></li>
-         <li><a href=#range-state><span class=secno>4.10.4.1.13 </span>Range state</a></li>
-         <li><a href=#color-state><span class=secno>4.10.4.1.14 </span>Color state</a></li>
-         <li><a href=#checkbox-state><span class=secno>4.10.4.1.15 </span>Checkbox state</a></li>
-         <li><a href=#radio-button-state><span class=secno>4.10.4.1.16 </span>Radio Button state</a></li>
-         <li><a href=#file-upload-state><span class=secno>4.10.4.1.17 </span>File Upload state</a></li>
-         <li><a href=#submit-button-state><span class=secno>4.10.4.1.18 </span>Submit Button state</a></li>
-         <li><a href=#image-button-state><span class=secno>4.10.4.1.19 </span>Image Button state</a></li>
-         <li><a href=#reset-button-state><span class=secno>4.10.4.1.20 </span>Reset Button state</a></li>
-         <li><a href=#button-state><span class=secno>4.10.4.1.21 </span>Button state</a></ol></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></ol></li>
        <li><a href=#common-input-element-attributes><span class=secno>4.10.4.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>
@@ -28569,6 +28570,10 @@
      <td> <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>
      <td> Text with no line breaks
      <td> Search field
+    <tr><td> <dfn id=attr-input-type-tel-keyword title=attr-input-type-tel-keyword><code>tel</code></dfn>
+     <td> <a href=#telephone-state title=attr-input-type-tel>Telephone</a>
+     <td> Text with no line breaks
+     <td> A text field
     <tr><td> <dfn id=attr-input-type-url-keyword title=attr-input-type-url-keyword><code>url</code></dfn>
      <td> <a href=#url-state title=attr-input-type-url>URL</a>
      <td> An absolute IRI
@@ -28658,7 +28663,8 @@
      <th> <span title=""><a href=#hidden-state title=attr-input-type-hidden>Hidden</a></span>
      <th> <span title=""><a href=#text-state-and-search-state title=attr-input-type-text>Text</a>,</span>
           <span title=""><a href=#text-state-and-search-state title=attr-input-type-search>Search</a>,</span>
-          <span title=""><a href=#url-state title=attr-input-type-url>URL</a></span>
+          <span title=""><a href=#url-state title=attr-input-type-url>URL</a>,</span>
+          <span title=""><a href=#telephone-state title=attr-input-type-tel>Telephone</a></span>
      <th> <span title=""><a href=#e-mail-state title=attr-input-type-email>E-mail</a></span>
      <th> <span title=""><a href=#password-state title=attr-input-type-password>Password</a></span>
      <th> <span title=""><a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>,</span>
@@ -29803,6 +29809,7 @@
 
   <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state or the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state, the rules in
   this section apply.</p>
+
   </div>
 
   <p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a one line
@@ -29882,10 +29889,97 @@
   </div>
 
 
-  <h6 id=url-state><span class=secno>4.10.4.1.3 </span><dfn title=attr-input-type-url>URL</dfn> state</h6>
+  <h6 id=telephone-state><span class=secno>4.10.4.1.3 </span><dfn title=attr-input-type-tel>Telephone</dfn> state</h6>
 
   <div class=impl>
 
+  <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#telephone-state title=attr-input-type-tel>Telphone</a> state, the rules in this
+  section apply.</p>
+
+  </div>
+
+  <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>
+
+  <div class=impl>
+
+  <p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>,
+  its <a href=#concept-fe-value title=concept-fe-value>value</a> should be editable
+  by the user. User agents must not allow users to insert U+000A LINE
+  FEED (LF) or U+000D CARRIAGE RETURN (CR) characters into the
+  element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
+
+  </div>
+
+  <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>
+
+  <div class=impl>
+
+  <p><strong>The <a href=#value-sanitization-algorithm>value sanitization algorithm</a> is as
+  follows:</strong> <a href=#strip-line-breaks>Strip line breaks</a> from the <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
+  
+  </div>
+
+  <div class="bookkeeping impl">
+
+   <p>The following common <code><a href=#the-input-element>input</a></code> element content
+   attributes, DOM attributes, and methods apply to the element:
+   <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>,
+   <code title=attr-input-list><a href=#attr-input-list>list</a></code>,
+   <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
+   <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
+   <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
+   <code title=attr-input-required><a href=#attr-input-required>required</a></code>, and
+   <code title=attr-input-size><a href=#attr-input-size>size</a></code> content attributes;
+   <code title=dom-input-list><a href=#dom-input-list>list</a></code>,
+   <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>,
+   <code title=dom-textarea/input-selectionStart><a href=#dom-textarea/input-selectionstart>selectionStart</a></code>,
+   <code title=dom-textarea/input-selectionEnd><a href=#dom-textarea/input-selectionend>selectionEnd</a></code>, and
+   <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attributes; 
+   <code title=dom-textarea/input-select><a href=#dom-textarea/input-select>select()</a></code> and
+   <code title=dom-textarea/input-setSelectionRange><a href=#dom-textarea/input-setselectionrange>setSelectionRange()</a></code> methods.</p>
+
+   <p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
+   in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
+
+   <p>The <code title=event-input-input><a href=#event-input-input>input</a></code> and <code title=event-input-change><a href=#event-input-change>change</a></code> events apply.</p>
+
+   <p>The following content attributes must not be specified and do not
+   apply to the element:
+   <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>,
+   <code class=no-backref title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
+   <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>,
+   <code class=no-backref title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>,
+   <code class=no-backref title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>,
+   <code class=no-backref title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>,
+   <code class=no-backref title=attr-fs-formnovalidate><a href=#attr-fs-formnovalidate>formnovalidate</a></code>,
+   <code class=no-backref title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>,
+   <code class=no-backref title=attr-dim-height><a href=#attr-dim-height>height</a></code>,
+   <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>,
+   <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
+   <code class=no-backref title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>,
+   <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>,
+   <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and
+   <code class=no-backref title=attr-dim-width><a href=#attr-dim-width>width</a></code>.</p>
+
+   <p>The following DOM attributes and methods do not apply to the
+   element:
+   <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>,
+   <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and
+   <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
+   <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+   <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
+
+  </div>
+
+
+  <h6 id=url-state><span class=secno>4.10.4.1.4 </span><dfn title=attr-input-type-url>URL</dfn> state</h6>
+
+  <div class=impl>
+
   <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#url-state title=attr-input-type-url>URL</a> state, the rules in this
   section apply.</p>
 
@@ -29980,7 +30074,7 @@
   </div>
 
 
-  <h6 id=e-mail-state><span class=secno>4.10.4.1.4 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -30100,7 +30194,7 @@
   </div>
 
 
-  <h6 id=password-state><span class=secno>4.10.4.1.5 </span><dfn title=attr-input-type-password>Password</dfn> state</h6>
+  <h6 id=password-state><span class=secno>4.10.4.1.6 </span><dfn title=attr-input-type-password>Password</dfn> state</h6>
 
   <div class=impl>
 
@@ -30184,7 +30278,7 @@
   </div>
 
 
-  <h6 id=date-and-time-state><span class=secno>4.10.4.1.6 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -30338,7 +30432,7 @@
   </div>
 
 
-  <h6 id=date-state><span class=secno>4.10.4.1.7 </span><dfn title=attr-input-type-date>Date</dfn> state</h6>
+  <h6 id=date-state><span class=secno>4.10.4.1.8 </span><dfn title=attr-input-type-date>Date</dfn> state</h6>
 
   <div class=impl>
 
@@ -30485,7 +30579,7 @@
   </div>
 
 
-  <h6 id=month-state><span class=secno>4.10.4.1.8 </span><dfn title=attr-input-type-month>Month</dfn> state</h6>
+  <h6 id=month-state><span class=secno>4.10.4.1.9 </span><dfn title=attr-input-type-month>Month</dfn> state</h6>
 
   <div class=impl>
 
@@ -30632,7 +30726,7 @@
   </div>
 
 
-  <h6 id=week-state><span class=secno>4.10.4.1.9 </span><dfn title=attr-input-type-week>Week</dfn> state</h6>
+  <h6 id=week-state><span class=secno>4.10.4.1.10 </span><dfn title=attr-input-type-week>Week</dfn> state</h6>
 
   <div class=impl>
 
@@ -30779,7 +30873,7 @@
   </div>
 
 
-  <h6 id=time-state><span class=secno>4.10.4.1.10 </span><dfn title=attr-input-type-time>Time</dfn> state</h6>
+  <h6 id=time-state><span class=secno>4.10.4.1.11 </span><dfn title=attr-input-type-time>Time</dfn> state</h6>
 
   <div class=impl>
 
@@ -30920,7 +31014,7 @@
   </div>
 
 
-  <h6 id=local-date-and-time-state><span class=secno>4.10.4.1.11 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -31054,7 +31148,7 @@
   </div>
 
 
-  <h6 id=number-state><span class=secno>4.10.4.1.12 </span><dfn title=attr-input-type-number>Number</dfn> state</h6>
+  <h6 id=number-state><span class=secno>4.10.4.1.13 </span><dfn title=attr-input-type-number>Number</dfn> state</h6>
 
   <div class=impl>
 
@@ -31182,7 +31276,7 @@
   </div>
 
 
-  <h6 id=range-state><span class=secno>4.10.4.1.13 </span><dfn title=attr-input-type-range>Range</dfn> state</h6>
+  <h6 id=range-state><span class=secno>4.10.4.1.14 </span><dfn title=attr-input-type-range>Range</dfn> state</h6>
 
   <div class=impl>
 
@@ -31341,7 +31435,7 @@
   </div>
 
 
-  <h6 id=color-state><span class=secno>4.10.4.1.14 </span><dfn title=attr-input-type-color>Color</dfn> state</h6>
+  <h6 id=color-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state</h6>
 
   <div class=impl>
 
@@ -31441,7 +31535,7 @@
   </div>
 
 
-  <h6 id=checkbox-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6>
+  <h6 id=checkbox-state><span class=secno>4.10.4.1.16 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6>
 
   <div class=impl>
 
@@ -31552,7 +31646,7 @@
 
 
 
-  <h6 id=radio-button-state><span class=secno>4.10.4.1.16 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -31688,7 +31782,7 @@
 
 
 
-  <h6 id=file-upload-state><span class=secno>4.10.4.1.17 </span><dfn title=attr-input-type-file>File Upload</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -31818,7 +31912,7 @@
 
 
 
-  <h6 id=submit-button-state><span class=secno>4.10.4.1.18 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -31903,7 +31997,7 @@
   </div>
 
 
-  <h6 id=image-button-state><span class=secno>4.10.4.1.19 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -32103,7 +32197,7 @@
 
 
 
-  <h6 id=reset-button-state><span class=secno>4.10.4.1.20 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6>
+  <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>
 
   <div class=impl>
 
@@ -32183,7 +32277,7 @@
   </div>
 
 
-  <h6 id=button-state><span class=secno>4.10.4.1.21 </span><dfn title=attr-input-type-button>Button</dfn> state</h6>
+  <h6 id=button-state><span class=secno>4.10.4.1.22 </span><dfn title=attr-input-type-button>Button</dfn> state</h6>
 
   <div class=impl>
 
@@ -63153,7 +63247,7 @@
 /* later rules override this for other values of type="" */</pre>
 
   <p>When the <i title="">input-textfield</i> binding applies to 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 in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the element is
+  <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 in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#telephone-state title=attr-input-type-tel>Telephone</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the element is
   expected to render as an 'inline-block' box rendered as a text
   field.</p>
 

Modified: source
===================================================================
--- source	2009-05-01 04:37:30 UTC (rev 3053)
+++ source	2009-05-01 05:31:59 UTC (rev 3054)
@@ -31799,6 +31799,11 @@
      <td> Text with no line breaks
      <td> Search field
     <tr>
+     <td> <dfn title="attr-input-type-tel-keyword"><code>tel</code></dfn>
+     <td> <span title="attr-input-type-tel">Telephone</span>
+     <td> Text with no line breaks
+     <td> A text field
+    <tr>
      <td> <dfn title="attr-input-type-url-keyword"><code>url</code></dfn>
      <td> <span title="attr-input-type-url">URL</span>
      <td> An absolute IRI
@@ -31940,7 +31945,8 @@
      <th> <span title=""><span title="attr-input-type-hidden">Hidden</span></span>
      <th> <span title=""><span title="attr-input-type-text">Text</span>,</span>
           <span title=""><span title="attr-input-type-search">Search</span>,</span>
-          <span title=""><span title="attr-input-type-url">URL</span></span>
+          <span title=""><span title="attr-input-type-url">URL</span>,</span>
+          <span title=""><span title="attr-input-type-tel">Telephone</span></span>
      <th> <span title=""><span title="attr-input-type-email">E-mail</span></span>
      <th> <span title=""><span title="attr-input-type-password">Password</span></span>
      <th> <span title=""><span title="attr-input-type-datetime">Date and Time</span>,</span>
@@ -33201,6 +33207,7 @@
   title="attr-input-type-text">Text</span> state or the <span
   title="attr-input-type-search">Search</span> state, the rules in
   this section apply.</p>
+
   </div>
 
   <p>The <code>input</code> element <span>represents</span> a one line
@@ -33283,6 +33290,98 @@
   </div>
 
 
+  <h6><dfn title="attr-input-type-tel">Telephone</dfn> state</h6>
+
+  <div class="impl">
+
+  <p>When an <code>input</code> element's <code
+  title="attr-input-type">type</code> attribute is in the <span
+  title="attr-input-type-tel">Telphone</span> state, the rules in this
+  section apply.</p>
+
+  </div>
+
+  <p>The <code>input</code> element <span>represents</span> a control
+  for editing a telephone number given in the element's <span
+  title="concept-fe-value">value</span>.</p>
+
+  <div class="impl">
+
+  <p>If the element is <i title="concept-input-mutable">mutable</i>,
+  its <span title="concept-fe-value">value</span> should be editable
+  by the user. User agents must not allow users to insert U+000A LINE
+  FEED (LF) or U+000D CARRIAGE RETURN (CR) characters into the
+  element's <span title="concept-fe-value">value</span>.</p>
+
+  </div>
+
+  <p>The <code title="attr-input-value">value</code> attribute, if
+  specified, must have a value that contains no U+000A LINE FEED (LF)
+  or U+000D CARRIAGE RETURN (CR) characters.</p>
+
+  <div class="impl">
+
+  <p><strong>The <span>value sanitization algorithm</span> is as
+  follows:</strong> <span>Strip line breaks</span> from the <span
+  title="concept-fe-value">value</span>.</p>
+  
+  </div>
+
+  <div class="bookkeeping impl">
+
+   <p>The following common <code>input</code> element content
+   attributes, DOM attributes, and methods apply to the element:
+   <code title="attr-input-autocomplete">autocomplete</code>,
+   <code title="attr-input-list">list</code>,
+   <code title="attr-input-maxlength">maxlength</code>,
+   <code title="attr-input-pattern">pattern</code>,
+   <code title="attr-input-placeholder">placeholder</code>,
+   <code title="attr-input-readonly">readonly</code>,
+   <code title="attr-input-required">required</code>, and
+   <code title="attr-input-size">size</code> content attributes;
+   <code title="dom-input-list">list</code>,
+   <code title="dom-input-selectedOption">selectedOption</code>,
+   <code title="dom-textarea/input-selectionStart">selectionStart</code>,
+   <code title="dom-textarea/input-selectionEnd">selectionEnd</code>, and
+   <code title="dom-input-value">value</code> DOM attributes; 
+   <code title="dom-textarea/input-select">select()</code> and
+   <code title="dom-textarea/input-setSelectionRange">setSelectionRange()</code> methods.</p>
+
+   <p>The <code title="dom-input-value">value</code> DOM attribute is
+   in mode <span title="dom-input-value-value">value</span>.</p>
+
+   <p>The <code title="event-input-input">input</code> and <code
+   title="event-input-change">change</code> events apply.</p>
+
+   <p>The following content attributes must not be specified and do not
+   apply to the element:
+   <code class="no-backref" title="attr-input-accept">accept</code>,
+   <code class="no-backref" title="attr-input-alt">alt</code>,
+   <code class="no-backref" title="attr-input-checked">checked</code>,
+   <code class="no-backref" title="attr-fs-formaction">formaction</code>,
+   <code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
+   <code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
+   <code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
+   <code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
+   <code class="no-backref" title="attr-dim-height">height</code>,
+   <code class="no-backref" title="attr-input-max">max</code>,
+   <code class="no-backref" title="attr-input-min">min</code>,
+   <code class="no-backref" title="attr-input-multiple">multiple</code>,
+   <code class="no-backref" title="attr-input-src">src</code>,
+   <code class="no-backref" title="attr-input-step">step</code>, and
+   <code class="no-backref" title="attr-dim-width">width</code>.</p>
+
+   <p>The following DOM attributes and methods do not apply to the
+   element:
+   <code class="no-backref" title="dom-input-checked">checked</code>,
+   <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>, and
+   <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code> DOM attributes;
+   <code class="no-backref" title="dom-input-stepDown">stepDown()</code> and
+   <code class="no-backref" title="dom-input-stepUp">stepUp()</code> methods.</p>
+
+  </div>
+
+
   <h6><dfn title="attr-input-type-url">URL</dfn> state</h6>
 
   <div class="impl">
@@ -74152,6 +74251,7 @@
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-text">Text</span>, <span
   title="attr-input-type-search">Search</span>, <span
+  title="attr-input-type-tel">Telephone</span>, <span
   title="attr-input-type-url">URL</span>, or <span
   title="attr-input-type-email">E-mail</span> state, the element is
   expected to render as an 'inline-block' box rendered as a text




More information about the Commit-Watchers mailing list