フォームに入力を促すヒントを表示するJavaScript「jQuery Advisor plugin」

フォームの申し込み率を上げるためには、入力内容をわかりやすくすることが必要です。
jQuery Advisor pluginを利用することで、JavaScriptを利用して、ヒントを明示できコンバージョンの向上が期待できるかもしれません。
フォームに入力を促すヒントを表示するJavaScript「jQuery Advisor plugin」サンプル

使用方法
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」サンプル

sponsors

「フォームに入力を促すヒントを表示するJavaScript「jQuery Advisor plugin」」をシェアする

記事作成:
記事URL:

TOP > > > フォームに入力を促すヒントを表示するJavaScript「jQuery Advisor plugin」