HTMLElement: thuộc tính autocapitalize

<div>Hành vi viết hoa hiện tại là: <span id="ac-label"></span></div>
<div id="ac-element" contenteditable="true" autocapitalize="default">
  nhập vào đây
</div>
<select id="ac-controller" type="checkbox" checked>
  <option value="default">mặc định</option>
  <option value="none">không</option>
  <option value="sentences">câu</option>
  <option value="words">từ</option>
  <option value="characters">ký tự</option></select
>Chọn hành vi viết hoa

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