• RSS

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

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

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

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


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 にすると、テキストエリアに文字を入力し始めた時点でプレースホルダ の文字が消えます。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください