テキスト入力ボックスinputはアルファベットの大文字と小文字の変換を実現します

1007 ワード

テキスト入力ボックスinputでアルファベットの大文字と小文字の変換を実現するには、2つの方法があります.
1.jsのonkeyupによるアルファベットの大文字と小文字の変換
type="text" onkeyup="this.value=this.value.toUpperCase()" /> 
type="text" onkeyup="this.value=this.value.toLowerCase()" /> 

この方法では、ページに変換プロセスが表示されます.
2.cssによるinput表示の大文字と小文字の変換制御
text-transformを使用して大文字と小文字の変換を行います.
  • text-transform:none;デフォルト、
  • を変換しない
  • text-transform:uppercase;アルファベット変換大文字
  • text-transform:lowercase;アルファベット変換小文字
  • text-transform:capitalize;イニシャル大文字
  • type="text" style="text-transform:uppercase;" /> 

    この方法ではinputのvalueを大文字と小文字に変換するのではなく、バックグラウンドでは大文字と小文字の変換が必要です.