html - 使用 Modernizr 将值属性添加到电子邮件输入

Question

在语法上有点挣扎。我有一个设置了占位符文本的电子邮件表单。为了支持向后兼容性，我使用 Modernizr 将 Value 属性添加到输入中，但没有成功。

想法？感谢您的帮助!

HTML:

<input type="email" name="email" id="email" class="corners" placeholder="Enter your email address" />

JavaScript:

if (!Modernizr.input.placeholder){
  setValue(document.getElementById('email'),'Enter your email address');
}

Answer 1

我最初的想法是，缺少占位符支持可能会在处理 type="email"值时出现问题。在设置快速jsFiddle我能够成功更新值(在 IE7 中测试)。

我用 makePlaceholder 替换了您的 setValue 助手名称，并在我的示例中使用了非常基本的实现。

function makePlaceholder( el, placeholder ) {
    el.onfocus = function(){
        if( placeholder == el.value ) {
            el.value = '';
        }
    };
    el.onblur = function() {
        if( '' == el.value && placeholder != el.value ) {
            el.value = placeholder;
        }
    };
    el.value = placeholder;
}

请随意将其应用到您的解决方案中，希望它能帮到您。