HTML autocapitalize global attribute

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Theautocapitalizeglobal attribute is anenumerated attribute that controls whether inputted text is automatically capitalized and, if so, in what manner. This is relevant to:

<input> and<textarea> elements.
Any element withcontenteditable set on it.

autocapitalize doesn't 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.

Value

Possible values are:

none oroff: Do not automatically capitalize any text.
sentences oron: Automatically capitalize the first character of each sentence.
words: Automatically capitalize the first character of each word.
characters: Automatically capitalize every character.

Usage notes

autocapitalize can be set on<input> and<textarea> elements,and on their containing<form> elements. Whenautocapitalize is set on a<form> element, it sets the autocapitalize behavior for all contained<input>s and<textarea>s, overriding anyautocapitalize values set on contained elements.
autocapitalize has no effect on theurl,email, orpassword<input> types, where autocapitalization is never enabled.
Whereautocapitalize is not specified, the adopted default behavior varies between browsers. For example:
- Chrome and Safari default toon/sentences
- Firefox defaults tooff/none.

Examples

HTML

html

<p>Form to test different autocapitalize settings:</p><form>  <div>    <label for="default">Default: no autocapitalize set</label>    <input type="text" name="default" />  </div>  <div>    <label for="off">autocapitalize="off"</label>    <input type="text" name="off" autocapitalize="off" />  </div>  <div>    <label for="none">autocapitalize="none"</label>    <input type="text" name="none" autocapitalize="none" />  </div>  <div>    <label for="on">autocapitalize="on"</label>    <input type="text" name="on" autocapitalize="on" />  </div>  <div>    <label for="sentences">autocapitalize="sentences"</label>    <input      type="text"           name="sentences"      autocapitalize="sentences" />  </div>  <div>    <label for="words">autocapitalize="words"</label>    <input type="text" name="words" autocapitalize="words" />  </div>  <div>    <label for="characters">autocapitalize="characters"</label>    <input      type="text"           name="characters"      autocapitalize="characters" />  </div>  <div>    <label for="characters-ta">autocapitalize="characters" on textarea</label>    <textarea      type="text"           name="characters-ta"      autocapitalize="characters">    </textarea>  </div></form><hr /><p contenteditable autocapitalize="characters">  This content is editable and has autocapitalize="characters" set on it</p>