作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在设置一个新服务器,并且希望在我的 Web 应用程序中完全支持 UTF-8。如何使连续每个单词的字母大写?当我输入文本时,我希望每个单词都有一个大写字母示例: 输入:daniel is big king 输出:Daniel Is Big King。我不知道我错过了什么示例: 输入:daniel is big king 输出:Daniel is big king。只有第一个单词的首字母较大
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>
最佳答案
您可以使用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>
关于javascript - 如何让一行中每个单词的字母大写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57497346/
我是一名优秀的程序员,十分优秀!