手动添加placeholder属性

接受一个form对象

function resetFields(whichform) {
    if (Modernizr.input.placeholder) return;
    for (var i=0;i<whichform.elements.length;i++) {
        var element = whichform.elements[i];
        if (element.type == "submit") continue;
        var check = element.placeholder || element.getAttribute('placeholder');
        if (!check) continue;
        element.onfocus = function () {
            var text = this.placeholder || this.getAttribute('placeholder');
            if (this.value == text) {
                this.className = '';
                this.value = "";
            }
        }
        element.onblur = function () {
            if (this.value == "") {
                this.className = 'placeholder';
                this.value = this.placeholder || this.getAttribute('placeholder');
            }
        }
        element.onblur();
    }
}

可通过遍历传入所有form对象

function prepareForms() {
    for (var i=0;i<document.forms.length;i++) {
        var thisform = document.forms[i];
        resetFields(thisform);
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,841评论 18 139
  • //Clojure入门教程: Clojure – Functional Programming for the J...
    葡萄喃喃呓语阅读 3,730评论 0 7
  • 比较重要的概念 策略模式 ,咱们只讲用法和好处,用法的就是将实现相同方法的类来个集合,不要求是同一个父类 ,只要是...
    张霸天阅读 125评论 0 0
  • 这是我到班夫来的必选之地。每个季节,甚至每天都不同。今天来到这里又看到了麋鹿和水鸟。和照相的老人聊天,他告诉我这水...
    小老郑阅读 185评论 0 2
  • 秋夜有毒 夜色足以湮没反侧辗转 却不堪吸收灵魂地颤抖 秋夜,花开应是灿烂 却以凋落呢喃成为主打乐曲 堆积的稻谷霉变...
    凉爽清风阅读 299评论 0 8