Ghost écrit comme sur la page d'inscription tumblr - javascript, jquery, css

Est-ce que quelqu'un sait comment créer un champ comme celui-ci?

http://www.tumblr.com/

C’est le champ de l’URL où se trouve du texte estompépuis lorsque vous cliquez dessus et tapez, il ajoute du texte ... .tumblr.com que vous ne pouvez pas effacer, surligner ou autre chose. Le javascript est obscurci, je n'ai donc aucune idée de la manière dont cela a été accompli. Je préférerais jquery mais vraiment tant que ça marche ...

Cordialement

Réponses:

Edit: Je viens de regarder à nouveau. Il prend l’entrée au fur et à mesure que vous le tapez et l’ajoute à la plage du nègre qui se trouve au-dessus du champ d’entrée. Assez simple, vraiment. Le texte ".tumblr.com" est juste dans l'étendue elle-même. Quelque chose à l'effet de: <span id="ghostwriter"><span id="ghostwriter-copy">Your Input</span>.tumblr.com</span>

Il existe un plugin jQuery pour cela!

https://github.com/michelgotta/jquery-ghostinput-plugin

Démo: http://michelgotta.de/ghost-input-demo/