隐藏占位符，直到有人点击图像

Question

我有两张照片。如果有人按下一张图片，它应该显示一个占位符，您可以在其中写下您的电子邮件地址。

wss

Answer 1

试试这个：我在您的输入中添加了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>

Answer 2

// HTML代码

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

在这里你使用Image放置按钮clcik

// Jquery Code

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