javascript - Facebook Dom Placeholder on Password -


facebook has "dom placeholder" on password field when logging on. when click on input password, placeholder disappears , allows me type password "masked".

is javascript related , how go on replicating script?

yes, can done via javascript, browsers support natively. placeholder attribute html5 addition; browsers (such webkit-based browsers) support already.

example using jquery 1.4

<!-- work automatically browsers --> <input type="text" placeholder="enter text">   <!-- script browsers don't support natively --> <script type="text/javascript"> $.fn.placeholder = function(){    // quit if there's support html5 placeholder   if (this[0] && 'placeholder' in document.createelement('input')) return;     return     .live('focusin',function(){        if ($(this).val() === $(this).attr('placeholder')) {         $(this).val('');       }      }).live('focusout',function(){        if ($(this).val() === ''){         $(this).val( $(this).attr('placeholder') );       }_       }); }  $('input[placeholder]').placeholder(); </script> 

note: code copied this pastie linked jquery 1.4 hawtness. haven't verified works across browsers. can find other javascript solutions on google if don't use jquery.


Comments

Popular posts from this blog

ruby - When to use an ORM (Sequel, Datamapper, AR, etc.) vs. pure SQL for querying -

php - PHPDoc: @return void necessary? -

c++ - Convert big endian to little endian when reading from a binary file -