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>
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" />
Ş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);
});