フォーム入力エリアに字上符文字自動変換機能を追加します。JavaScriptを2つ読み込み、入力エリアとラジオボタンに特定のクラス名とアトリビュートを付け加えるだけです。
サンプル1、サンプル2、サンプル3
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://qitailang.small.jp/eo/js/eoenigilo-03.js"></script> </head>
<form> <input type=text size=40 class="eo-area01" check="method" value=""><br> <textarea cols=80 rows=10 class="eo-area02" check="method"></textarea><br> <input type="radio" name="method" value="1" checked="checked">C^U~ <input type="radio" name="method" value="2" >^C~U <input type="radio" name="method" value="3" >CxUx <input type="radio" name="method" value="4" >Ch,w <input type="radio" name="method" value="5" >Ignori </form> <!-- 入力エリア(input type=text、textarea) に 'eo-area' で始まるクラス名をつけます --> <!-- これらの入力エリアのcheckという属性とラジオボタンのname属性を同じ値にします-->
更新日:2016/08/20
バージョン・アップ : eoenigilo-02.js => eoenigilo-03.js
フォームのアトリビュートを変更 : name="method" => check="method".