javascript - 将输入文本格式设置为大写

Question

我是初学者，我想构建一个从输入更改开始的事件。输入中输入的文本将自动格式化如下:

1. 第一个字母必须始终大写；
2. 所有其他字母都必须小写。

function formating() {
  var nameOfPerson = document.getElementById("nameOfPerson").textContent;
  var nameOfPerson = nameOfPerson[0].toUpperCase() + (nameOfPerson - nameOfPerson[0]);
  document.getElementById("nameOfPerson").textContent = nameOfPerson;
}

<input type="text" id="nameOfPerson" onchange="formatting()" placeholder="type your name">

Answer 1

试试这个:

function formatting() {
  var nameOfPerson = this.value;
  if (nameOfPerson.length > 0) {
    nameOfPerson = nameOfPerson[0].toUpperCase() + nameOfPerson.substr(1).toLowerCase();
    this.value = nameOfPerson;
  }
}

<input type="text" id="nameOfPerson" onchange="formatting.call(this)" placeholder="type your name">