javascript - 输入字段中的默认文本

Question

我不知道这是否有一个特殊的名称，但是是否有一种很好的简单方法可以在输入字段中设置默认文本，如果文本框为空，它会在聚焦时消失并在模糊时重新出现？

Answer 1

您可以使用新的 HTML5 占位符属性。

编辑:更新以使用更多 HTML5/jQuery 热点、HTML5 数据存储。

<input type="text" placeholder="type here" data-placeholder-text="type here" />

这适用于所有现代浏览器。并在 IE 中优雅地降级。但是，对于 IE，您必须使用 javascript。

$(document).ready(function() {

    var $input = $('#id_of_input_element');
    $input.focus(function() {
        if($(this).val() == $(this).data('placeholder-text')) { 
            $(this).val('') 
        }
    }).blur(function() {
        if($(this).val() == '') {
            $(this).val($(this).data('placeholder-text'));
        }
    }).trigger('blur');
}):