twitter facebook hatena google pocket フォームに何を入力していいかうっすら表示するウォーターマークをたまに見ます。 これによりユーザビリティの向上が図れます。 このウォーターマークをオシャレに表示するjQueryプラグインSliding Labels jQuery Pluginを紹介します。 sponsors 使用方法 Sliding Labels jQuery Pluginからjquery.slidinglabels.jsをjQueryからjquery.jsをダウンロードします。 また以下のようなフォームがあったとします。 <form id="contactform"> <div class="slider"> <label for="name">お名前</label> <input type="text" id="name" name="name"
![jQueryでフォームのラベルをウォーターマーク的にオシャレ表示](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e9d8fd277bd727c5c042297916951568dd29d26/height=288;version=1;width=512/http%3A%2F%2Fwww.skuare.net%2Fassets_c%2F2010%2F05%2Fjslidinglabels-thumb-300x200-419.jpg)