HTMLElement：autocapitalize 属性

autocapitalize 是 HTMLElement 接口的属性，它表示元素的用户输入的自动大写行为。它适用于所有 HTML 元素，但并非所有元素都受影响，包括

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

它反映了 autocapitalize HTML 全局属性的值。

值

一个字符串，表示元素对用户输入的自动大写行为。有效值为：

none 或 off

不应应用自动大写，即所有字母都应默认为小写。

sentences 或 on

每个句子的第一个字母应默认为大写字母；所有其他字母应默认为小写。

words

每个单词的第一个字母应默认为大写字母；所有其他字母应默认为小写。

characters

所有字母都应默认为大写。

示例

以下示例展示了如何通过脚本控制用户输入的自动大写行为

html
<div>Current capitalization behavior is: <span id="ac-label"></span></div>
<div id="ac-element" contenteditable="true" autocapitalize="default">
  input here
</div>
<select id="ac-controller" type="checkbox" checked>
  <option value="default">default</option>
  <option value="none">none</option>
  <option value="sentences">sentences</option>
  <option value="words">words</option>
  <option value="characters">characters</option></select
>Select the capitalization behavior
js
const label = document.getElementById("ac-label");
const element = document.getElementById("ac-element");
const controller = document.getElementById("ac-controller");

controller.addEventListener("input", (e) => {
  const behavior = e.target.value;
  label.textContent = behavior;
  element.autocapitalize = behavior;
});

规范

规范
HTML 标准
# dom-autocapitalize-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅