Question

我想知道当我们在输入字段中键入名称时输入文本。我希望得到用户的输入，但在输入时我想要大写用户输入的第一个字母。请帮帮我

<!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>

Answer 1

尽可能简单：

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);
}

Answer 2

在检查方法中使用此功能

像这样

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)
}

Answer 3

您可以使用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;
    }
}

如何在javasccript输入时大写输入字段文本的第一个字母？

3 个答案: