使用onblur / onfocus创建字段占位符

时间:2013-02-28 12:32:33

标签: javascript forms

我正在尝试编写一个小脚本作为表单字段占位符来覆盖通常缺少的IE。新的JavaScript,所以我真的很感激一点帮助。我不确定我哪里出错...

function replacer(){

    var infoDef = document.getElementById("info").defaultValue;
    var info = document.getElementById("info");

    info.onblur = changevalue;
    info.onfocus = changevalue;

        function changevalue()
            if (info.value = infoDef) {
                info.value = '';
            }

            else {
                info.value = infoDef;
            }
        }
}

和HTML:

<textarea name="info" id="info">Default text...</textarea>

1 个答案:

答案 0 :(得分:1)

查找defaultValue是一个好的开始,但代码确实需要进行一些更改才能正常工作。尝试这样的事情:

<强> HTML:

<textarea id="txtarea">Default value...</textarea>

<强> JavaScript的:

var txtarea=document.getElementById("txtarea");
txtarea.onfocus=function() {
    if (txtarea.value==txtarea.defaultValue) txtarea.value="";
}
txtarea.onblur=function() {
    if (txtarea.value=="") txtarea.value=txtarea.defaultValue;
}

这是一个经过测试且有效的jsFiddle。要说,如果不适合IE,placeholder会更容易。