Skip to content
This repository has been archived by the owner on Jul 30, 2019. It is now read-only.

Commit

Permalink
Adding Autocapitalize
Browse files Browse the repository at this point in the history
Regarding Issue #208
  • Loading branch information
edent committed Nov 8, 2017
1 parent d01f15d commit 5ad477b
Showing 1 changed file with 30 additions and 3 deletions.
33 changes: 30 additions & 3 deletions sections/semantics-forms.include
Original file line number Diff line number Diff line change
Expand Up @@ -489,7 +489,7 @@
<p class="warning">In places that change from e.g. Standard Time to Daylight Saving Time,
the same time can occur twice in the same day when the clocks are moved backwards.
An <{input}> element with a <{input/type}> of <code>datetime-local</code> or <code>time</code>
cannot differentiate between two identical instances of time.
cannot differentiate between two identical instances of time.
If this difference matters, applications should allow users to specify which occurence of the duplicated time they mean,
for example by choosing between "Winter time" and "Summer Time".</p>

Expand Down Expand Up @@ -3960,7 +3960,7 @@ ldh-str = let-dig / "-" ; defined in <a>RFC 1034 section 3.5</a>
<{select}> element and <{input}> elements with the <{input/Number}> state.

</div>

<p class="note">
See [[#date-time-and-number-formats]] for a discussion of
the difference between the input format and submission format for date, time, and number form
Expand Down Expand Up @@ -5150,7 +5150,7 @@ input { height: 75px; width: 49px; background: #D5CCBB; color: black; }
<dt>[=Allowed ARIA role attribute values=]:</dt>
<dd><a attr-value for="aria/role"><code>button</code></a>
(default - <a><em>do not set</em></a>),
<a attr-value for="aria/role"><code>link</code></a>,
<a attr-value for="aria/role"><code>link</code></a>,
or <a attr-value for="aria/role"><code>radio</code></a>.</dd>
<dt>[=Allowed ARIA state and property attributes=]:</dt>
<dd><a>Global aria-* attributes</a></dd>
Expand Down Expand Up @@ -6336,6 +6336,33 @@ You cannot submit this form when the field is incorrect.</samp></pre>

</div>

<h6 id="the-autocapitalize-attribute">The <code>autocapitalize</code> attribute</h6>

The <dfn element-attr for="input"><code>autocapitalize</code></dfn> attribute provides
information to the user agent on the text capitalization a user's keyboard should
use on text fields.

It currently provides three different capitalization methods; <code>sentences</code>,
<code>words</code>, and <code>characters</code>.

The <code>autocapitalize</code> attribute is a suggestion. The user must be able alter the
text they input.

<div class="example">
Here are examples of text entry fields which uses the <code>autocapitalize</code> attribute:

<pre highlight="html">
&lt;label&gt;Sentence case. The first character after a period will be capitalized.&lt;/label&gt;
&lt;input type="text" autocapitalize="sentences"&gt;

&lt;label&gt;Word Case. This Capitalizes The First Letter Of Every Word&lt;/label&gt;
&lt;input type="text" autocapitalize="words"&gt;

&lt;label&gt;CHARACTER CASE. EVERY CHARACTER IS CAPITALIZED.&lt;/label&gt;
&lt;input type="text" autocapitalize="characters"&gt;

</div>

<h5 id="common-input-element-apis">Common <{input}> element <dfn>APIs</dfn></h5>

<dl class="domintro">
Expand Down

0 comments on commit 5ad477b

Please sign in to comment.