HTMLElement: свойство autocapitalize

Свойство autocapitalize интерфейса HTMLElement представляет поведение элемента при преобразовании текста ввода пользователя. Оно доступно для всех HTML-элементов, хотя оно не влияет на все элементы, включая:

• <input> и <textarea> элементы.
• Любой элемент с установленным contenteditable.

autocapitalize не влияет на поведение при вводе с физической клавиатуры. Оно влияет на поведение других механизмов ввода, таких как виртуальные клавиатуры на мобильных устройствах и голосовые вводы. Это может помочь пользователям, ускоряя и упрощая ввод данных, например, автоматически прописной первой буквы каждого предложения.

Оно отражает значение autocapitalize HTML глобального атрибута.

Строка, представляющая поведение элемента при преобразовании текста ввода пользователя. Допустимые значения:

none или off

Автоматическое преобразование в верхний регистр не должно применяться, т.е. все буквы должны по умолчанию быть строчными.

sentences или on

Первая буква каждого предложения должна по умолчанию быть заглавной; все остальные буквы должны быть строчными.

words

Первая буква каждого слова должна по умолчанию быть заглавной; все остальные буквы должны быть строчными.

characters

Все буквы должны быть заглавными.

Следующий пример показывает, как управлять поведением преобразования ввода через скрипт:

<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

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;
});

• autocapitalize HTML глобальный атрибут