【问题标题】:How to have the capital letter of every word in a row? [duplicate]如何连续每个单词的大写字母? [复制]
【发布时间】:2019-08-14 15:03:02
【问题描述】:

我正在设置一个新服务器,并希望在我的 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>

【问题讨论】:

    标签: javascript html


    【解决方案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>

    【讨论】:

    • 出于显示目的,这可行,但是如果 OP 计划在 JavaScript 中使用该值(存储、传递等),值得注意的是它将保持不变。
    • @TylerRoper 他想展示的时候可以复用这个css属性
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-11-12
    • 1970-01-01
    • 2014-11-28
    • 2020-08-30
    • 2014-04-11
    • 1970-01-01
    相关资源
    最近更新 更多