Как удалить входной знак, если поле не пусто?

Question

У меня есть этот код для добавления водяного знака на вход. Это вход для заголовка страницы. Все работает нормально. Я пишу подпись, водяной знак исчезает (это правильно). Но если я редактирую этот контент, мой заголовок исчезает, а водяной знак снова возвращается. Почему водяной знак возвращается, когда поле ввода содержит контент?

<script type="text/javascript"> 
$(document).ready(function() { 

    var watermark = 'Write your city + state (separated by commas)'; 

    //init, set watermark text and class 
    $('#edit-title').val(watermark).addClass('watermark'); 

    //if blur and no value inside, set watermark text and class again. 
    $('#edit-title').blur(function(){ 
     if ($(this).val().length == 0){ 
      $(this).val(watermark).addClass('watermark'); 
     } 
    }); 

    //if focus and text is watermrk, set it to empty and remove the watermark class 
    $('#edit-title').focus(function(){ 
     if ($(this).val() == watermark){ 
      $(this).val('').removeClass('watermark'); 
     } 
    }); 
}); 

</script> 

Извините за мой английский. Спасибо за советы.

Answer 1

Функцией, которую вы ищете, является звонок Заполнитель. Это было добавлено в HTML5, и все основные браузеры поддерживают его.

Here you have its definitions and usage.

Вам не нужно использовать JS для того, чтобы заархивировать это.

Привет