Javascript 自动为第一个字母设置大写字母_Javascript

Javascript 自动为第一个字母设置大写字母

javascript

Javascript 自动为第一个字母设置大写字母,javascript,Javascript,我想让文本框中的第一个字母大写，但我不知道如何应用它。e、 g sitholimela-->sitholimela 我想将其应用于文本框感谢您的帮助。要在JavaScript中执行此操作，请获取节点，并用转换替换其值 var textbox = document.getElementById('myTextboxId'); textbox.value = textbox.value.charAt(0).toUpperCase() + textbox.value.slice(1); MDN页

我想让文本框中的第一个字母大写，但我不知道如何应用它。e、 g sitholimela-->sitholimela

我想将其应用于文本框

感谢您的帮助。

要在JavaScript中执行此操作，请获取节点，并用转换替换其值

var textbox = document.getElementById('myTextboxId');

textbox.value = textbox.value.charAt(0).toUpperCase() + textbox.value.slice(1);

MDN页面

CSS 这将使文本以这种方式显示

演示：

工作演示。。。

HTML

请试试这个。它起作用了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Capitalizing first letter in a textbox</title>
  <script type="text/javascript">
  function capitalize(textboxid, str) {
      // string with alteast one character
      if (str && str.length >= 1)
      {       
          var firstChar = str.charAt(0);
          var remainingStr = str.slice(1);
          str = firstChar.toUpperCase() + remainingStr;
      }
      document.getElementById(textboxid).value = str;
  }
  </script>
 <body>
  <form name="myform" method="post">
      <input type="text" id="mytextbox" onkeyup="javascript:capitalize(this.id, this.value);">
  </form>
 </body>
</html>


将文本框中的第一个字母大写
函数大写（textboxid，str）{
//至少包含一个字符的字符串
如果（str&&str.length>=1）
{       
var firstChar=str.charAt（0）；
var remainingStr=str.slice（1）；
str=firstChar.toUpperCase（）+remaingstr；
}
document.getElementById（textboxid）.value=str；
}

只需注意，这将对字段中的每个单词都起作用，例如，

foo bar

变为

foo bar

，并且它不会改变值，只是改变它的显示方式。它只是显示它是大写的，但如果您获取文本，它实际上不是大写的。您不需要在keyup事件中使用

javascript:

，只有在

的

href

中需要将其定义为执行代码而不是地址。最好使用其他javascript保留keyup侦听器定义，并保持HTML干净-这样更易于维护。与此版本类似，因为复制粘贴仍然允许小写字符。但是我不喜欢用小写字母的文字。只要我在文本框中单击，小写文本就会改变。如果我忽略了mouseup事件，我就遇到了一个问题，即标记文本并替换它，旧文本将保留，新文本将添加到末尾。

<input type="text" id="targetBox">

var capitalize = function(e){
    // if the first letter is lowercase a-z
    // ** don't run the replace unless required, to permit selecting of text **
    if(this.value.match(/^[a-z]/)){
        // replace the first letter
        this.value = this.value.replace(/^./,function(letter){
            // with the uppercase version
            return letter.toUpperCase();
        });
    }
}

// listen to key up in case of typeing, or pasting via keyboard
// listen to mouseup in case of pasting via mouse
// prefer `up` events as the action is complete at that point
document.getElementById('targetBox').addEventListener('keyup', capitalize);
document.getElementById('targetBox').addEventListener('mouseup', capitalize);

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Capitalizing first letter in a textbox</title>
  <script type="text/javascript">
  function capitalize(textboxid, str) {
      // string with alteast one character
      if (str && str.length >= 1)
      {       
          var firstChar = str.charAt(0);
          var remainingStr = str.slice(1);
          str = firstChar.toUpperCase() + remainingStr;
      }
      document.getElementById(textboxid).value = str;
  }
  </script>
 <body>
  <form name="myform" method="post">
      <input type="text" id="mytextbox" onkeyup="javascript:capitalize(this.id, this.value);">
  </form>
 </body>
</html>