[解決済み] テキストボックスを自動的に大文字にする方法を教えてください。

質問

次のようなスタイル属性を使って、ユーザー入力を大文字に設定しています。 railway のように、大文字に変更されます。 RAILWAY Caps-lockボタンを押さなくてもいいのです。

これは、私が入力に使っているコードです。

<input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"> <img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/>

しかし、この属性を使用しても望ましい出力は得られません。

どうすればいいですか？

を配置しました。 style 属性は <img> タグの代わりに <input> .

また、属性名と値の間にスペースがあるのもNGです...。

<input type="text" class="normal" 
       name="Name" size="20" maxlength="20" 
       style="text-transform:uppercase" /> 
<img src="../images/tickmark.gif" border="0" />

なお、この変換は 純粋に ビジュアルで、POSTで送信されるテキストを変更することはありません。