0

テキストボックス内の画像の可視性を変更したい。テキストボックスの「検索」を選択すると、プレースホルダーが見えなくなります。その中の写真で同じことができますか？

コード：

<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/

4

2 に答える 2

1

あなたのためのいくつかのJquery関数

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

こちらをご覧くださいJSFIDDLE DEMO

于 2013-08-06T10:43:43.060 に答える
1

これはあなたのために働きますか >

<style type="text/css">
input.image-placeholder{
    background-image:url("image path");
    background-repeat:no-repeat;
    background-position: center left;
}
</style>

<div id="ricerca">
              <form >
              <input type="text" class="ricerca" value="Search" onblur="if (this.value == '') this.className= this.className + ' image-placeholder';" onclick="if (this.value == 'Search') this.className='ricerca';"  >
              <input type="submit"  id="lente" class="lente"  value="show" style="border:none;">
              </form> 
</div>
于 2013-08-06T10:34:44.693 に答える