<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
- td { font-family: 'monospace'; font-size: 12pt; width: 40mm}
+ td { font-family: 'monospace'; font-size: 12pt}
textarea { font-size: 20pt; width: 100mm; }
-->
</style>
<body onload="MIM.init_debug ()">
<h4>m17n-lib input method in Javascript</h4>
-<h4>textarea</h4>
-<textarea name="TEXTAREA"></textarea>
-<table><tr><td style="font-size: large; font-weight: bold;">text</td><td><form><input type="text"></form></td></tr></table>
+<table>
+<tr><th>textarea</th><td><textarea id="TEXTAREA" name="TEXTAREA"></textarea></td></tr>
+<tr><th>text</th><td><form><input type="text" id="TEXT"></form></td></tr></table>
<div style="font-weight: bold;">debug Info</div>
<table border="1">
-<tr><th>key</th><th>keycode</th><th>status</th><th>keymap</th><th>preedit</th></tr>
-<tr><th>down</th><td id="keydown">0</td><td id="status0"><td id="keymap0"></td><td id="preedit0"></td></tr>
-<tr><th>press</th><td id="keypress">0</td><td id="status1"><td id="keymap1"></td><td id="preedit1"></td></tr>
+<tr><th>key</th><th>status</th><th>keycode</th><th>keymap</th><th>preedit</th></tr>
+<tr><th>down</th><td id="status0"></td><td id="keydown">0</td><td id="keymap0"></td><td id="preedit0"></td></tr>
+<tr><th>press</th><td id="status1"></td><td id="keypress">0</td><td id="keymap1"></td><td id="preedit1"></td></tr>
</table>
-<textarea style="font-size: small; width: 100%" rows="10"id="log"></textarea>
+<textarea style="font-family: 'monospace'; font-size: small; width: 100%" rows="20" id="log"></textarea>
</body>