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

jQueryプラグイン・ライブラリ

2013.03.22

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

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

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

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

以下のページよりstろんgah-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>

$(function() {

$('[placeholder]').ahPlaceholder({

placeholderColor : 'silver',

placeholderAttr : 'placeholder',

likeApple : true

});

</script>

オプションですが、

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

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

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