テキスト入力ボックスinput入力を統一大文字と小文字に変換

テキスト入力ボックスinputは、入力を統一大文字と小文字に変換します.通常、JSメソッドとCSSメソッドの2つの方法があります.

JS方式は、keyイベントを監視することによって行われる.keyイベントには3種類あります

keydown event

keypress event

keyup event

KeyDownがトリガーされると、必ずしもKeyUpがトリガーされるわけではありません.KeyDownが押されると、マウスをドラッグすると、KeyUpイベントはトリガーされません.2.KeyPressは、主に数字(注意:Shift+数字の記号を含む)、アルファベット(注意:大文字小文字を含む)、キーボードなどF 1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{メニューキー}、{スタートキー}および方向キー以外のANSI文字3をキャプチャするために使用する.KeyDownとKeyUpは通常、PrScrnのすべてのキーを除いてキーボードをキャプチャすることができる(ここでは特殊キーボードの特殊キーは論じない).KeyPressは1文字のみを取得できます.KeyDownとKeyUpは、結合キーをキャプチャすることができる.6.KeyPressは1文字の大文字と小文字をキャプチャすることができる.KeyDownとKeyUpは、1文字に対してキャプチャされたKeyValueの値です.つまり、1文字の大文字と小文字を判断することはできません.8.KeyPressはキーボードとキーボードの数字を区別しません.9.KeyDownとKeyUpは、キーボードとキーボードの数字を区別します.10.PrScrnキーKeyPress、KeyDown、およびKeyUpはキャプチャできません.11.キーボードを使用する場合、通常はCTRL+SHIFT+ALTのような結合キー機能が使用されます.これに対して、私たちはどのように判定しますか?KeyUpイベントによって処理することができる(ここではなぜKeyDownを使用しないのか説明するが、KeyDownを判定する際にCTRL、SHIFT、ALTは常に押下された状態にあるため、さらに別のキーを加えるとコンビネーションキーを正確にキャプチャすることができないため、KeyDownを使用すると正確に判定することができず、KeyUpイベントによって判定する).PrScrnキーイベントのキャプチャPrScrnキーイベントは、フックによってPrScrnキーイベントを判定することができ、フックは任意のキーボードイベントを取得することができる.
大文字と小文字の変換例:

"htmer" type="text" onkeyup="this.value=this.value.toUpperCase()" /> 

注意:js方式を採用すると、やはり変換過程の体現があります.aを入力と、aが表示するkeyupイベントがトリガーされた後、aをA 2に変換する.CSSは、input入力ボックスのstyleを設定することで実現される.

text-transform:uppercase/大文字に変更/

text-transform:lowercase/小文字に変換/

text-transform:capitalize/単語の頭文字を大文字に変換/使用例:

type="text" style="*********; text-transform: uppercase;" name="textfield" />

参照先:http://www.cnblogs.com/manongxiaobing/archive/2012/11/05/2755412.html