Language References

Controls whether inputted text is automatically capitalized.

NOTE: autocapitalize does not affect behavior when typing on a physical keyboard.

It affects the behavior of other input mechanisms such as virtual keyboards on mobile devices and voice input. This can assist users by making data entry quicker and easier, for example by automatically capitalizing the first letter of each sentence.

The property is read/write with a browser-dependent default value.

autocapitalize is a global attribute with enumerated values that control whether inputted text is automatically capitalized and, if so, in what manner.

autocapitalize can be set on <input> and <textarea> elements, and on their containing <form> elements.

When autocapitalize is set on a <form> element, it sets the autocapitalize behavior for all contained <input>s and <textarea>s, overriding any autocapitalize values set on contained elements.

autocapitalize has no effect on the url, email, or password input types, where autocapitalization is never enabled.

When not specified, the adopted default behavior varies between browsers. For example:

• Chrome and Safari default to on/sentences
• Firefox defaults to off/none.

The following is a sample form to test different autocapitalize settings.

NOTE: Test the effect on each input using a virtual keyboard or voice entry. Keyboard entry will not work.

Sample Code

<form>
<table bgcolor=beige cellpadding=8 style="border: 1px inset">
<tr>
<td align=right><label for="default">no autocapitalize set</label>
<td><input type="text" id="default" name="default" />

<tr>
<td align=right><label for="off">autocapitalize="off"</label></label>
<td><input type="text" id="off" name="off" autocapitalize="off" />

<tr>
<td align=right><label for="none">autocapitalize="none"</label>
<td><input type="text" id="none" name="none" autocapitalize="none" />

<tr>
<td align=right><label for="on">autocapitalize="on"</label>
<td><input type="text" id="on" name="on" autocapitalize="on" />

<tr>
<td align=right><label for="sentences">autocapitalize="sentences"</label>
<td><input type="text" id="sentences" name="sentences" autocapitalize="sentences" />

<tr>
<td align=right><label for="words">autocapitalize="words"</label>
<td><input type="text" id="words" name="words" autocapitalize="words" />

<tr>
<td align=right><label for="characters">autocapitalize="characters"</label>
<td><input type="text" id="characters" name="characters" autocapitalize="characters" />

<tr>
<td align=right><label for="characters-ta">autocapitalize="characters"</label>
<td><textarea type="text" id="characters-ta" autocapitalize="characters"></textarea>
</table>
</form>

INPUT   TEXTAREA