文本框小写转换成大写的问题——在线

要求IE版本较高<style>
.a1 { text-transform : uppercase; } 
</style>
<input class=a1>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <script language="javascript">
    function up()
    {
    var r1=document.selection.createRange().duplicate();
    var r2=window.event.srcElement.createTextRange();
    r1.setEndPoint("StartToStart",r2);
    var l=r1.text.length;//do sth here{
    form1.text1.value = form1.text1.value.toUpperCase();
    //}r2.moveStart("character",l);
    r2.collapse();
    r2.select();
    }
    </script>
    </HEAD>
    <BODY>
    <form name="form1">
    <P><INPUT id=text1 name=text1 onkeyup="up()"></P>
    </form>
    </BODY>
    </HTML>
    text-transform版本：CSS1　 兼容性：IE4+ NS4+　继承性：有
    但提交的时候需要转换成大写<style>
    #a1 { text-transform : uppercase; } 
    </style>
    <input id=a1 >
    <input type=button onclick=alert(a1.value)>
      

  2.   

    OK，两种方法都能用，觉得text-transform效果好一点
    非常感谢bencalie(Bencalie)和 qiushuiwuhen(秋水无恨)