テキスト入力ボックスinputはアルファベットの大文字と小文字の変換を実現します
1007 ワード
テキスト入力ボックスinputでアルファベットの大文字と小文字の変換を実現するには、2つの方法があります.
1.jsのonkeyupによるアルファベットの大文字と小文字の変換
この方法では、ページに変換プロセスが表示されます.
2.cssによるinput表示の大文字と小文字の変換制御
text-transformを使用して大文字と小文字の変換を行います. text-transform:none;デフォルト、 を変換しない text-transform:uppercase;アルファベット変換大文字 text-transform:lowercase;アルファベット変換小文字 text-transform:capitalize;イニシャル大文字
この方法ではinputのvalueを大文字と小文字に変換するのではなく、バックグラウンドでは大文字と小文字の変換が必要です.
1.jsのonkeyupによるアルファベットの大文字と小文字の変換
type="text" onkeyup="this.value=this.value.toUpperCase()" />
type="text" onkeyup="this.value=this.value.toLowerCase()" />
この方法では、ページに変換プロセスが表示されます.
2.cssによるinput表示の大文字と小文字の変換制御
text-transformを使用して大文字と小文字の変換を行います.
type="text" style="text-transform:uppercase;" />
この方法ではinputのvalueを大文字と小文字に変換するのではなく、バックグラウンドでは大文字と小文字の変換が必要です.