JS,CSSで入力部品(type=”text”)を英大文字にする方法

JS,CSSで入力部品(type=”text”)を英大文字にする方法

英大文字だけをクライアント画面側でする方法は恐らく二通りあります。

一つはJSです。

<input type="text" oninput="value = value.toUpperCase();" >

デモ

次にCSSでスタイルをあてる方法です。

<input type="text" style="text-transform:uppercase;">

デモ

スタイルはあくまで装飾なので、フォームでデータを送信すると小文字入力した場合は小文字でデータが送信されてしまいます。

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました