使用jQuery隐藏/显示焦点和模糊的输入值文本

Question

我有一个输入的值属性.如果文本框没有内容,我需要它在特定文本框的焦点上消失,并重新出现在模糊上.

这是我目前的HTML代码.

 <label>First Name</label></td>
 <input class="required" type="text" name="firstname" value="Fill" id="firstname" /><span>(required)</span>

同样,我尝试了另外一件事.当焦点在(文本框A)时,出现一个新的文本框(B),当焦点出来时(从A开始),B消失了.但是这里有些错误.我需要用户输入一些东西在方框B中也是如此.现在我需要这样的东西.当焦点从A和B中出来时,只有B才会消失.注意:页面上有多个文本框.这是它的代码.

$('#lastname').focusin(function () {
        $('input.hidden').fadeIn(1000);
        $('input.hidden').css('backgroundColor', 'yellow');
        }).focusout(function () {
        $('input.hidden').hide();
        });

提前致谢.

Answer 1

?$("#firstname")?.on({
    focus: function() {
        if (this.value==='Fill') this.value = '';
    },
    blur: function() {
        if (this.value==='') this.value = 'Fill';
    }
})?;?

小提琴

如果旧浏览器不是问题,那么你真的不需要javascript:

<label>First Name</label>
<td> 
    <input placeholder="Fill" id="firstname" />
    <span>(required)</span>
</td>?

小提琴