jquery clear input varsayılan değeri

Bir giriş formunun varsayılan değerini onfocus jquery ile nasıl temizleyebilirim ve gönder düğmesine basıldığında tekrar temizleyebilirim?

<html>
        <form method="" action="">
            <input type="text" name="email" value="Email address" class="input" />
            <input type="submit" value="Sign Up" class="button" />
        </form>
</html>

<script>
$(document).ready(function() {
    //hide input text
    $(".input").click(function(){
        if ($('.input').attr('value') == ''){
            $('.input').attr('value') = 'Email address'; alert('1');}
        if  ($('.input').attr('value') == 'Email address'){
            $('.input').attr('value') = ''}
    });
});
</script>
Programlama
jquery
2012ööp6öö8 Ağustos 2012 в 8:06
13 görünümler

Eski tarayıcılar için gerçekten endişelenmiyorsanız, yeni html5 placeholder özelliğini şu şekilde kullanabilirsiniz:

<input type="text" name="email" placeholder="Email address" class="input" />
AntonChanning
Edited answer 2018ööp51öö11 Aralık 2018 в 11:51
Yorumlar (2)
 
$('.input').on('focus', function(){
    $(this).val('');
});

$('[type="submit"]').on('click', function(){
    $('.input').val('');
});
Yorumlar (0)

Şunu bir dene:

  var defaultEmailNews = "Email address";
  $('input[name=email]').focus(function() {
    if($(this).val() == defaultEmailNews) $(this).val("");
  });

  $('input[name=email]').focusout(function() {
    if($(this).val() == "") $(this).val(defaultEmailNews);
  });
Yorumlar (0)