Blog

2013.0405

textareaやinputの初期値を消すjQueryプラグイン(placeholder title属性版)

jQueryを使用してtextareaやinputの初期値(title属性)を消すプラグインです。
value属性に初期値を設定したい方はこちらへ

設置方法1

head要素内にjquery.js、jquery.placeholder.title.jsの順に読み込みます。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.placeholder.title.js"></script>

設置方法2

下記のように設定させたい要素を指定し、記述してください。

$('#form textarea').ATFormFocus({
	emptyClass : 'empty'
});

※emptyClassはtextarea、inputに初期値が入っている際に付くclassです。
(初期classはempty、emptyの場合この記述は必要ありません)
例えばCSSで.empty {color:#CCC;}などとすると、初期値の際には色が薄くなります。

Page Top