Question

我正在设置一台新服务器，并希望在我的Web应用程序中完全支持UTF-8。如何连续显示每个单词的大写字母？输入文字时，我希望每个单词都有一个大写字母例如：输入：丹尼尔是大国王输出：丹尼尔是大国王。我不知道我在想什么例如：输入：丹尼尔是大国王输出：丹尼尔是大国王。只有第一个单词的首字母大

testfunction = () => {
  var inputtext = document.getElementById('inputtext').value;
  var operation = inputtext.charAt(0).toUpperCase() + inputtext.slice(1);
  console.log(operation);
}

<input type="text" id='inputtext'>
<button onclick="testfunction()">
Try it
</button>

Answer 1

您可以使用css属性text-transform: capitalize;

testfunction = () => {
  var inputtext = document.getElementById('inputtext').value;
  var operation = inputtext.charAt(0).toUpperCase() + inputtext.slice(1);
  document.getElementById('testview').innerHTML = operation;
}

#testview {
  text-transform: capitalize;
}

<input type="text" id='inputtext'>
<button onclick="testfunction()">
Try it
</button>
<br>
<span id='testview'>
</span>

如何连续使用每个单词的大写字母？

1 个答案: