Browse files

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

git-svn-id: http://svn.whatwg.org/webapps@3054 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 83b4139 commit b8bc8487cec54c46d8a49b037d6ab9c83fe24cbc @Hixie Hixie committed May 1, 2009
Showing with 235 additions and 41 deletions.
  1. +134 −40 index
  2. +101 −1 source
View
174 index
@@ -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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
<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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
<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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
<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,7 +29889,94 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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>
@@ -29980,7 +30074,7 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
- <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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
- <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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
- <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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
- <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 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
</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 @@ input[type=password] { binding: <i title="">input-password</i>; }
/* 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>
View
102 source
@@ -31799,6 +31799,11 @@ interface <dfn>HTMLFormElement</dfn> : <span>HTMLElement</span> {
<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 @@ interface <dfn>HTMLFormElement</dfn> : <span>HTMLElement</span> {
<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 @@ interface <dfn>HTMLFormElement</dfn> : <span>HTMLElement</span> {
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 @@ interface <dfn>HTMLFormElement</dfn> : <span>HTMLElement</span> {
</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 @@ input[type=password] { binding: <i title="">input-password</i>; }
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

0 comments on commit b8bc848

Please sign in to comment.