隱藏佔位符，直到有人點擊圖像

-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

相關問題

隱藏佔位符，直到有人點擊圖像

回答

相關問題