[JS]IEでもプレースホルダを利用できるjQueryプラグイン「jQuery ah-placeholder」｜jQueryプラグイン・ライブラリ

[JS]IEでもプレースホルダを利用できるjQueryプラグイン「jQuery ah-placeholder」

スポンサード

HTML5 で強化された form の placeholder 属性は、javascript を使わなくてもプレースホルダを使える優れものですが、これがやっぱりIE には対応していない > <;

placeholder のIE対応となると、何だかんだでjavascript のお世話にならないといけないので矛盾しますが、jQueryプラグイン「ah-placeholder.js」を使えば実現可能です。

jQuery ah-placeholder Plugin のダウンロード

以下のページより ah-placeholder.js をダウンロードします。

jQuery ah-placeholder Plugin

jQuery ah-placeholder Plugin の設置

ah-placeholder.js のファイルを、jquery ファイルと一緒に <head> 内に設置します。

<script src="./jquery.min.js"></script>
<script src="./jquery.ah-placeholder.js"></script>
<script>
$(function() {
$('[placeholder]').ahPlaceholder({
	placeholderColor : 'silver',
	placeholderAttr : 'placeholder',
	likeApple : true
	});
});
</script>

オプションですが、

likeApple:false にすると、テキストエリアにフォーカスした時点でプレースホルダの文字が消えます。

likeApple:true にすると、テキストエリアに文字を入力し始めた時点でプレースホルダの文字が消えます。

参考ページ
HTML5のplaceholder属性をIEでも使えるようにするjQueryプラグイン「ah-placeholder.js」

スポンサード