skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです
フォームに入力を促すヒントを表示するJavaScript「jQuery Advisor plugin」
｜
｜
｜
｜
｜
｜
フォームの申し込み率を上げるためには、入力内容をわかりやすくすることが必要です。
jQuery Advisor pluginを利用することで、JavaScriptを利用して、ヒントを明示できコンバージョンの向上が期待できるかもしれません。
使用方法
jQuery Advisor pluginからjquery-advisor.jsをjQueryからjquery.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery-advisor.js"></script>
<script>
$(document).ready(function() {
$.formAdvisor();
});
</script>
あとはinputなどにclassを振りヒントを以下のように書きます。
<input type="text" name ="name" class="show_advice" title ="ヒントをここに書きます。"/>
<select name="gender" class ="show_advice" title ="ヒントをここに書きます。">
<option>男</option>
<option>女</option>
</select>
フォームに入力を促すヒントを表示するJavaScript「jQuery Advisor plugin」サンプル
記事作成：2009年08月24日
▼フォームに入力を促すヒントを表示するJavaScript「jQuery Advisor plugin」へのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事：2行追加でスムーズなページトップエフェクトを付与するJavaScript「jQuery Scroll to Top Control」
次の記事：メガメニューをJavaScriptで作る：via 「Make a Mega Drop-Down Menu with jQuery」
