输入时，修改输入框的样式，在线等

一个input输入框，
<input name="sale_addr" type="text" id="sale_addr" size="60" value="">
现需：
当鼠标点击输入框，并准备输入时，输入框中颜色要变红，
其它时间颜色不变，
这如何实现，thanks

解决方案 »

  1.   

    onfocus=addClassName……onblur=removeClassName……
      

  2.   


    <style>
    .classinput {
    background-color:#FF0000;

    }
    </style>
    <script language="javascript">
    function changecolor(){

    sale_addr = document.getElementById('sale_addr');

    sale_addr.setAttribute("class","classinput");
    sale_addr.setAttribute("className","classinput");

    }

    </script>
    </head><body>
    <form>
    <input name="sale_addr" type="text" id="sale_addr" size="60" value="" onfocus="changecolor();">
    </form>
    </body>
    </html>
      

  3.   

    <style>
    .classinput {
    background-color:#FF0000;

    }
    </style>
    <script language="javascript">
    function changecolor(){

    sale_addr = document.getElementById('sale_addr');

    sale_addr.setAttribute("class","classinput");
    sale_addr.setAttribute("className","classinput");

    }
    function clearcolor(){
    sale_addr = document.getElementById('sale_addr');

    sale_addr.setAttribute("class","");
    sale_addr.setAttribute("className","");

    }

    </script>
    </head><body>
    <form>
    <input name="sale_addr" type="text" id="sale_addr" size="60" value="" onfocus="changecolor();" onblur="clearcolor();">
    </form>
    //忘记去掉的代码了 思路就这样
      

  4.   

    我搞错了，，JS没有 直接addClassName 的方法，，，直接document.getElementById('id').className赋值即可