我有两张照片。如果有人按下一张照片,应该显示一个占位符,您可以在其中编写电子邮件地址。隐藏占位符,直到有人点击图像
<input name="email" placeholder=" Your Email Address">
我有两张照片。如果有人按下一张照片,应该显示一个占位符,您可以在其中编写电子邮件地址。隐藏占位符,直到有人点击图像
<input name="email" placeholder=" Your Email Address">
试试这个:我在你的输入中加了一个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>
我应该在哪里写这个jQuery代码? – sebastian
把它放在html头上,或者放在你的html页面上。 – Zorken17
它不起作用。我应该用
// 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");
});
});
嘿,我不需要按钮我有两张图片,如果我按下一张图片,它应该显示一个占位符,您可以在其中编写电子邮件。 – sebastian
你能提供迄今为止的HTML和jQuery/JavaScript?这会有很大的帮助! –