关于文本框中大小写的转换问题

在第一个文本框中输入小写字母，在第二个文本框中显示出大写字母?
这些代码为什么不管用啊？<html>
<head>
<title>小写字母转换成大写字母</title>
<script language="javascript">
<!--
function up()
{document.frm.s2.value=document.frm.s1.value.toUpperCase();
}
//-->
</script>
</head>
<body>
<form name="frm">
<input type="text" name="s1" size="25" value="" onChange="up();"><br><br>
<input type="text" name="s2" size="25" value="">
<input name="reset" type="reset" value="重置">
</form>
</body>
</html>

解决方案 »

  1.   


    <html> 
    <head> 
    <title>小写字母转换成大写字母 </title> 
    </head> 
    <body> 
    <form name="frm"> 
    <input type="text" name="s1" size="25" value="" onkeyup="this.value=new String(this.value).toUpperCase();"> <br> <br> 
    <input type="text" name="s2" size="25" value=""> 
    <input name="reset" type="reset" value="重置"> 
    </form> 
    </body> 
    </html>
      

  2.   


    <html> 
    <head> 
    <title>小写字母转换成大写字母 </title> 
    </head> 
    <body> 
    <form name="frm"> 
    <input type="text" id="s1" size="25" value=""> <br> <br> 
    <input type="text" id="s2" size="25" value=""> 
    <input name="reset" type="reset" value="重置"> 
    </form> 
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var $=function(o){return document.getElementById(o);};
    $("s1").onkeyup=function(){
    $("s2").value=$("s1").value.toUpperCase();
    };
    //-->
    </SCRIPT>
    </body> 
    </html>
      

  3.   


    <input type="text" name="s1" size="25" value="" style="text-transform:uppercase"> <br> <br>