javascipt设置缴活表单时的样式

 还是在同事那里看到的。其实以前也看过。但一直都没想到做一次试试。这次是下班的时候那个同事回家了。于是我被头逮着去改他的代码。于是发现了这个代码。感觉很很好。于是拿来做笔记。与这里的大虾们也分享一下我的小收获。

 

< SCRIPT  type =text/javascript > ...
                var form1 = document.getElementById("form1");//input
                var form1Input = form1.getElementsByTagName("input");
                for(i=0; i<form1Input.length; i++)...{
                    form1Input[i].onfocus = function()...{
                        this.style.backgroundColor = "#FFC";
                    }
                    form1Input[i].onblur = function()...{
                        this.style.backgroundColor = "";
                    }
                }
                
                var form1textarea = form1.getElementsByTagName("textarea")[0];//textarea
                form1textarea.onfocus = function()...{
                    this.style.backgroundColor = "#FFC";
                }
                form1textarea.onblur = function()...{
                    this.style.backgroundColor = "";
                }
</ SCRIPT >

 

使用的时候加在尾部或表单后面都可以。