2

次のスタイル属性を使用するため、テキスト ボックスに入力を開始するときに「railway」と仮定すると、CapsLock を押さずに「RAILWAY」のようにテキスト ボックスに入力する必要があります。

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

しかし、この属性を使用しても目的の出力が得られません

4

3 に答える 3

5

最良の方法は、フォームのスタイルを変更して大文字を表示することです。

input.normal
{
   text-transform:uppercase;
}

例を見る

ただし、これは実際には文字列を大文字に変換するのではなく、このように表示されるようにスタイルを設定するだけです。

したがって、データを送信するときは、データベースなどに保存する目的で、サーバー側の言語を使用して文字列を大文字に変換します。たとえば、.NETでは次のようにします。

str.ToUpper();
于 2012-06-19T11:12:43.860 に答える
2

文体的な側面のみを気にする場合は、CSSを使用してこれを実現できます。

.normal { text-transform: uppercase; }

テキスト自体をすべて大文字にする必要がある場合（これはおそらくあなたが意図したことですが、申し訳ありません）、jQueryを少し組み合わせてください（jQueryなしでも実行できますが、そのポイントは何ですか？）：

$('.normal').change(function() {
   $(this).val($(this).val().toUpperCase());
});

例： http： //jsfiddle.net/HackedByChinese/QwSSe/1/

于 2012-06-19T11:12:43.097 に答える
1

Image タグではなく、Input タグにテキスト変換を配置する必要があります。このような。

<input type = "text" class = "normal" name = "Name" style="text-transform:uppercase;" size = "20" maxlength = "20">
<img src="../images/tickmark.gif" border="0"/>
于 2012-06-19T11:14:15.343 に答える