javascript : text box with default value

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

您可以在输入标签和文本区域标签中使用占位符:

<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/