フォームに入力を促すヒントを表示する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サンプルページ一覧

skuare.net