如何大写输入字段文本的第一个字母，而键入javascript

how to capitalize the 1st letter of input field text while typing by javasccript?

本文关键字：javascript 第一个 输入 何大写 字段 文本      更新时间：2023-09-26

我想知道，当我们在输入字段类型文本输入名称。我想按用户输入，但是在输入的时候，我想把用户输入的第一个字母大写。请帮帮我

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body> 
<form name="inputform">
Name: <input name="name" type="text" id="n" onKeyPress="check()"> 
</form>
<script>
    function check()
{
    var name=document.getElementById("n");
    var uppercase=name.value.charAt(0);
}
</script>
</body>
</html>

就这么简单:

function capitalizeFirstLetter(str) {
    return str.charAt(0).toUpperCase() + str.slice(1);
}; //                   ^ First letter + The rest of the string.

像这样使用:

function check() {
    var name = document.getElementById("n");
    var uppercase = capitalizeFirstLetter(name.value);
    name.value = uppercase;
}

,或者短:

<input name="name" type="text" id="n" onKeyUp="check(this)">

function check(element) {
    element.value = capitalizeFirstLetter(element.value);
}

在检查方法中使用此函数

like this 

function capitalize(s) {
 // returns the first letter capitalized + the string from index 1 and out aka. the rest of the string
return s[0].toUpperCase() + s.substr(1);
}
function check()
{
  var name=document.getElementById("n");
  var uppercase = capitalize(name)
}

可以使用Javascript函数toUpperCase()。下面是代码:

document.getElementById("n").addEventListener("keyup",checkinput);
function checkinput(){
    var name=document.getElementById("n");
    if(name.value.length==1){
        var uppercase=name.value.charAt(0).toUpperCase();
        name.value=uppercase;
    }
}
相关文章：