В HTML5 есть замечательный атрибут placeholder.
![placeholder](https://habrastorage.org/getpro/habr/post_images/8b4/a56/122/8b4a5612230a94636bcd77424fe0b070.png)
Сейчас он работает только в webkit-браузерах (Safari, Google Chrome).
С помощью JS, не изобретая велосипедов, placeholder.js делает этот атрибут кроссбраузерным.
placeholder.js (1.3 килобайта)
<input placeholder="inbox@disney.com">
![placeholder](https://habrastorage.org/getpro/habr/post_images/8b4/a56/122/8b4a5612230a94636bcd77424fe0b070.png)
Сейчас он работает только в webkit-браузерах (Safari, Google Chrome).
С помощью JS, не изобретая велосипедов, placeholder.js делает этот атрибут кроссбраузерным.
<input placeholder="inbox@disney.com" id="some_input"> <script type="text/javascript"> inputPlaceholder( document.getElementById('some_input') ) </script>
placeholder.js (1.3 килобайта)