Short URL: http://html5.org/r/3054
| SVN | Bug | Comment | Time (UTC) |
|---|---|---|---|
| 3054 | Tentatively add a control for entering phone numbers. | 2009-05-01 05:31 |
Index: source
===================================================================
--- source (revision 3053)
+++ source (revision 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