javascript - 选择时在文本框中使用 javascript 隐藏图像

Question

我想更改文本框内图像的可见性。当我选择文本框“搜索”时，占位符变得不可见。你可以用里面的图片做同样的事情吗？

代码:

<div id="ricerca">
                  <form >
                  <input type="text" class="ricerca" value="Search" onblur="if (this.value == '') this.value ='Search';" onclick="if (this.value == 'Search') this.value ='';"  >
                  <input type="submit"  id="lente" class="lente"  value="show" style="border:none;">
                  </form> 
</div>  

这是链接:http://www.lookcommunication.it/korus/WEPA/IT/

Answer 1

一些 Jquery 函数给你

$(".ricerca").click(function() {
  $("#lente").hide();
 });
$(".ricerca").focusout(function() {
  $("#lente").show();
  $("#lente").css('marginTop',"-22px");
 });

看这里JSFIDDLE DEMO