誰かが画像をクリックするまでプレースホルダを隠す

-4

私は2枚の写真を持っています。誰かが1枚の写真を押すと、あなたのメールアドレスを書くことができるプレースホルダが表示されます。誰かが画像をクリックするまでプレースホルダを隠す

<input name="email" placeholder=" Your Email Address">

出典

2017-03-08 sebastian

することができますこれまで持っていたHTMLとjQuery/JavaScriptを提供していますか？それは多くを助けるだろう！ –

お試しください：style="display: none"を入力しました。それは誰かが画像をクリックするまで表示されないことを意味します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input class="firstImg" name="email" style="display: none" placeholder=" Your First Email Address"> 
 
<input class="secondImg" name="email" style="display: none" placeholder=" Your Second Email Address"> 
 

 
<img class="firstImg" src="#" alt="I am a image" /> 
 
<img class="secondImg" src="#" alt="I am another image" /> 
 

 
<script> 
 
    $(document).ready(function() { 
 
    $('img').click(function() { 
 
     var imgClass = $(this).attr('class') 
 
     $('input.' + imgClass).toggle() 
 
    }); 
 
    }) 
 
</script>

出典

2017-03-08 11:08:25 Zorken17

このjqueryコードはどこに書くべきですか？ – sebastian

これをhtmlの頭に入れたり、最後にhtml-pageに入れます。 – Zorken17

それは動作しません。

-1

// HTMLコード

<input type="text" name="email" class="mycode" /> 
<button id="btnSave">Save Click</button>

ここでは、画像を使用して、私はボタンclcikを置く

// jQueryのコード

$(document).ready(function() { 
$("#byBtn").click(function() { 
$('.mycode').attr("placeholder", "Type here to search"); 
}); 
});

出典

2017-03-08 11:21:26

ボタンが必要ない2枚の写真があり、1枚の写真を押すとプレースホルダが表示され、メールを書くことができます。 – sebastian

誰かが画像をクリックするまでプレースホルダを隠す

答えて

関連する問題