4个答案
<! DOCTYPE HTML PUBLIC“-//W3C//DTD HTML 4.01过渡//EN” http://www.w3.org/TR/html4/loose.dtd "> <html> <头部> <title>文本框中的首字母大写 <script type=“text/javascript”> 函数大写(textboxid,str){ //最多包含一个字符的字符串 if(str&&str.length>=1) { var firstChar=str.charAt(0); var remainingStr=str.slice(1); str=firstChar.toUpperCase()+剩余str; } document.getElementById(textboxid).value=str; } </script> <body> <form name=“myform”method=“post”> <input type=“text”id=“mytextbox”onkeyup=“javascript:大写(this.id,this.value);”> </form> </body> </html>
var textbox=文档.getElementById('myTextboxId'); textbox.value=文本框值.charAt(0).toUpperCase()+文本框值切片(1);
正在运行演示。。。
HTML格式
<input type=“text”id=“targetBox”>
Java脚本
var大写=函数(e){ //如果第一个字母是小写a-z //**除非需要,否则不要运行replace,以允许选择文本** if(this.value.match(/^[a-z]/)){ //替换第一个字母 this.value=this.value.replace(/^./,函数(字母){ //大写版本 return letter.toUpperCase(); }); } } //键入或通过键盘粘贴时,请收听向上键 //听mouseup,以防通过鼠标进行粘贴 //选择“up”事件,因为此时操作已完成 document.getElementById('targetBox').addEventListener('keyup',大写); document.getElementById('targetBox').addEventListener('mouseup',大写);