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

unicode - Are email addresses allowed to contain non-alphanumeric characters? -

C#: Application without a window or taskbar item (background app) that can still use Console.WriteLine() -

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