javascript 基础 js实现placeholder

function resetFields(whichform) {
   if(Modernizr.input.placeholder) return;//检测是否支持placeholder
   for(var i=0 ; i<whichform.elements.length ; i++){
       var elem = whichform.elements[i];
       if(elem.input == "submit") continue; //如果是按钮 跳过
       var check = elem.placeholder || elem.getAttribute("placeholder");
       if(!check) continue; //检查是否有placeholder属性

       elem.onfocus = function () {
           var text = this.placeholder || this.getAttribute("placeholder");
           if(text == this.value){
               this.value = "";
               this.className = "";
           }
       }

       elem.onblur = function () {
           if(this.value == ""){
               var txt = this.placeholder || this.getAttribute("placeholder");
               this.value = txt;
               this.className = "placeholders";
           }
       }

       elem.onblur();//立即调用失去焦点事件
   }
}

function prepareForms() {
    for(var j=0 ; j<document.forms.length ; j++){
        var this_forms = document.forms[j];
        resetFields(this_forms);
    }
}

要注意的是这里有个初始化的过程 你得先运行一下失去焦点的方法
elements返回的是所有子元素节点的数组