[JavaScript]jQuery ah-placeholder Pluginでプレースホルダーを表示

お問い合わせフォームでプレースホルダーを使う際に、HTML5に対応しているブラウザなら問題ないのですが、古いブラウザではJavaScriptを使う必要があります。

今回は「jQuery ah-placeholder Plugin」を使ってプレースホルダーを表示したので、その使い方を紹介します。

jQuery ah-placeholder Plugin

プラグインのダウンロードは以下から。

https://github.com/ahomu/jquery.ah-placeholder

使い方のサンプルは上記ページに掲載されています。

「jquery.ah-placeholder.js」を読み込んで、プレースホルダーを設定したいinputタグに対して「ahPlaceholder()」を実行します。

「ahPlaceholder()」の引数にはオプションを記述します。

placeholderColor : プレースホルダーの文字色
placeholderAttr : プレースホルダーとして表示する属性
likeApple : 文字を入力してからプレースホルダーの表示を消すかどうか

これだけで使えます。jQueryプラグインは簡単に使えて便利な物が多いですね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>