autoKana.js:入力文字を自動でひらがな・カタカナ文字補完してくれるjs

テキストボックスに入力した文字を自動でひらがなやカタカナ文字に補完してくれる見たいです。

1.読込むJs

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="autoKana.js"></script>

2.HTMLの記述例

<form id="auto_kana_form_1" method="POST">

<div>名前</div>

	<input type="text" id="auto_kana_name_1" size="48">

<div>かな</div>

	<input type="text" id="auto_kana_kana_1" size="48">
</form>


<form id="auto_kana_form_2" method="POST">

<div>名前</div>

	<input type="text" id="auto_kana_name_2" size="48">

<div>カナ</div>

	<input type="text" id="auto_kana_kana_2" size="48">
</form>

3.JavaScriptの記述例

<script type="text/javascript">
	var auto_kana_1 = new AutoKana('auto_kana_name_1', 'auto_kana_kana_1');
	var auto_kana_2 = new AutoKana('auto_kana_name_2', 'auto_kana_kana_2', {katakana:true, toggle:false});
</script>

autoKana.js:入力文字を自動でひらがな・カタカナ文字表示するデモ

ソース元:autoRuby.jsをDISってみる – Rubricks Project

お問合せや会員登録フォーム等に設置すると、利用者にとっては便利かもしれません。