jQuery. Placeholder remove on focus und zurück auf blur

Question

Die Website verfügt über Eingabefelder. Egal was. Egal wie viele. Wie man es so macht, dass, wenn der Fokus in jedem Feldplatzhalter vollständig entfernt wird, und der Fokusverlust - Platzhalter an seine Stelle zurückkehrt.

Answer 1

Dort gehen Sie:

$(function(){ 
 
\t $('input').on('focus blur', function(){ 
 
    \t if($(this).attr('placeholder')){ 
 
     \t $(this).attr('placeholder', ''); 
 
     } else { 
 
     \t $(this).attr('placeholder', 'Placeholder'); 
 
     }; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" placeholder="Placeholder">

Aber das nächste Mal bitte etwas Code von dem, was Sie versucht.

Answer 2

Es Browser Standardverhalten remove placeholder text auf focus (es sei denn, es alte IE 9,8 ist) und legt es wieder auf blur, wenn das Feld empty ist. Was willst du erreichen?

Verwenden Sie für nicht unterstützte Browser das Plugin https://github.com/mathiasbynens/jquery-placeholder. Es gibt auch Passwörter.