自動カナ入力
個人情報入力欄だと外部リンクが使えないことが多いので
jquery-1.10.1.min.jsjquery.autoKana.jsは内部リンクにしてください(これに気づくのに1日半かかった…)
katakanaはtrue:でカタカナ、false:でひらがな(デフォルト)
参照:https://github.com/harisenbon/autokana

----------------html部分-----------------------
名前<input id="user_name1" type="text"/>
カナ<input id="user_name_kana1" type="text"/>
-----------------------------------------------

----------------script&CSS部分-------------------
<script src="jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="jquery.autoKana.js"></script>
<script type="text/javascript">
  $(document).ready(
    function() {               
      $.fn.autoKana('#user_name1', '#user_name_kana1', {katakana : true});
    });
</script>
----------------------------------------------