autocapitalize

autocapitalize 全局属性是一个枚举属性，用于控制是否自动将输入的文本大写，以及如果自动大写，则以何种方式进行。这与以下内容相关

<input> 和 <textarea> 元素。
任何设置了 contenteditable 属性的元素。

autocapitalize 不会影响在物理键盘上输入时的行为。它影响其他输入机制的行为，例如移动设备上的虚拟键盘和语音输入。这可以通过自动大写每个句子的第一个字母等方式，帮助用户更快、更容易地输入数据。

值

可能的值为

none 或 off: 不要自动将任何文本大写。
sentences 或 on: 自动将每个句子的第一个字符大写。
words: 自动将每个单词的第一个字符大写。
characters: 自动将每个字符大写。

使用说明

autocapitalize 可以设置在 <input> 和 <textarea> 元素上，以及它们包含的 <form> 元素上。当在 <form> 元素上设置 autocapitalize 时，它会为所有包含的 <input> 和 <textarea> 设置自动大写行为，覆盖在包含元素上设置的任何 autocapitalize 值。
autocapitalize 对 url、email 或 password 类型的 <input> 没有影响，这些类型永远不会启用自动大写。
如果未指定 autocapitalize，则浏览器之间采用的默认行为会有所不同。例如
- Chrome 和 Safari 的默认值为 on/sentences
- Firefox 的默认值为 off/none。

示例

HTML

html

<p>Form to test different autocapitalize settings:</p>

<form>
  <div>
    <label for="default">Default: no autocapitalize set</label>
    <input type="text" id="default" name="default" />
  </div>
  <div>
    <label for="off">autocapitalize="off"</label>
    <input type="text" id="off" name="off" autocapitalize="off" />
  </div>
  <div>
    <label for="none">autocapitalize="none"</label>
    <input type="text" id="none" name="none" autocapitalize="none" />
  </div>
  <div>
    <label for="on">autocapitalize="on"</label>
    <input type="text" id="on" name="on" autocapitalize="on" />
  </div>
  <div>
    <label for="sentences">autocapitalize="sentences"</label>
    <input
      type="text"
      id="sentences"
      name="sentences"
      autocapitalize="sentences" />
  </div>
  <div>
    <label for="words">autocapitalize="words"</label>
    <input type="text" id="words" name="words" autocapitalize="words" />
  </div>
  <div>
    <label for="characters">autocapitalize="characters"</label>
    <input
      type="text"
      id="characters"
      name="characters"
      autocapitalize="characters" />
  </div>
  <div>
    <label for="characters-ta">autocapitalize="characters" on textarea</label>
    <textarea
      type="text"
      id="characters-ta"
      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>

div {
  margin-bottom: 20px;
}

结果

使用虚拟键盘或语音输入测试每个输入的影响（键盘输入将不起作用）。

规范

规范
HTML 标准 # attr-autocapitalize

浏览器兼容性

BCD 表格仅在浏览器中加载