javascript:具有默认值的文本框

Question

我有默认值的文本框,当我尝试输入时,我无法输入值,我必须先使用删除键删除现有值,然后才能输入.

我想输入值并在标签上更改它也应该更改为另一个框,目前它正在更改焦点但我无法在其中输入值.

<input type="text" name="namebox" id="{concat('textboxvalue', position())}" value="{@proj}" style="font-size:10px;padding:0px;height:15px;width:90px;text-align:right;"/>

@proj:来自数据库的值

谢谢,阿妮

Answer 1

您可以在输入标记和textarea标记中使用占位符:

<input type='text' placeholder='Default text here' />
<textarea placeholder='Default text here'></textarea>

然后使用jQuery的回退:

$(document).ready(function(e){
    var defaultVal = "Default text here";
    $("input, textarea").val(defaultVal).on("focus", function(){
        if($(this).val() == defaultVal){
            $(this).val("");
        }
    }).on("blur", function(){
        if($(this).val() == ""){
            $(this).val(defaultVal);
        }
    });

});

这里:http://jsfiddle.net/EZexQ/1/