javascript - 在文本框中设置的图像就像 js 中的占位符一样？

Question

我希望能够在填充文本框的同时隐藏某个图像，并且在清除文本框时我想显示某个图像。我知道它应该像这样工作，但使用图像而不是占位符：

$('input:text').focus(function () {
    if ($(this).val() === $(this).attr('placeholder')) {
        $(this).val('');
    }
}).blur(function() {
    if ($(this).val() == "") {
        $(this).val($(this).attr('placeholder'))
    }
});

提前感谢您的友好回答。

Answer 1

尝试 -

$('input:text').focus(function () {
    $(this).css('background', 'none');

}).blur(function() {
    if ($(this).val() == "") {
        $(this).css('background', 'url(http://profile.ak.fbcdn.net/hprofile-ak-prn1/71158_111108655596607_6920099_n.jpg) no-repeat left top');
    }
});

检查演示

使用退格键 -

更新的演示