【jQuery】プレースホルダーを実装したい

2013年12月21日

  1. TOP
  2. BLOG
  3. jQuery
  4. 【jQuery】プレースホルダーを実装したい

HTML5では実装されていますがXHTNLではプレースホルダーが実装されていません。
それを実装するプラグインが『ah-placeholder』です。

プレースホルダーのプラグインはいくつか合ったのですが、
実際にPHPで実装すると色々と問題が起きるものばかりでしたが、
『ah-placeholder』はHTML5に習ってplaceholder属性で設定するので使い勝手が結果的に1番でした。

【ダウンロード】
jquery.ah-placeholder.js at master from ahomu’s jquery.ah-placeholder

【サンプル】

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.ah-placeholder.js"></script>
<input type="text" placeholder="お名前を入力してください" />
<textarea name="" placeholder="文章を入力してください"></textarea>

jsで何かを設定しなくても上記の様に表示されます。