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

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

这是我目前的HTML代码。

First Name (required) 

同样地，我尝试了另外一件事。当焦点在（文本框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：

 First Name   (required) ​ 

小提琴

Answer 2

尝试：

 $(".required").on("blur", function(){ $(this).attr("value", "Fill"); }).on("focus", function(){ $(this).attr("value", ""); }); 

的jsfiddle

Answer 3

 var fill = $('#firstname').val(); $('#firstname').on('focus', function() { $(this).val(''); }).on('blur', function() { if ($('#firstname').val() == "") { $(this).val(fill); } });​ 

实例

Answer 4

 ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

然后，您可以使用Jquery处理textbox focus和Blur事件

  $('#sample')​.on("focus",function(){ $(this).val(""); }).on("blur",function(){ $(this).val("Fill"); })​;​​ 

现场演示