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

-4

我有两张照片。如果有人按下一张照片，应该显示一个占位符，您可以在其中编写电子邮件地址。隐藏占位符，直到有人点击图像

<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页面上。 – 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

嘿，我不需要按钮我有两张图片，如果我按下一张图片，它应该显示一个占位符，您可以在其中编写电子邮件。 – sebastian

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

回答

相关问题