フォームに半角のみ入力させる

css

Webの入力フォームに、たとえば電話番号や郵便番号など、全角で入力してほしくない場合があると思います。
もちろん、ちゃんとやろうとすればフォームを渡すCGIなどでチェックさせるのがいいのですが、それだと送信するまでチェックできませんので、少しユーザビリティが悪いでしょう。
Javascriptでチェックをする方法もありますが、ここではとても簡単な、CSSを使う実装方法です。

 以下スタイルシート(CSS)に記載例
 #number{ 
 ime-mode:disabled;
 }

 以下HTMLに記載例

 ime-mode: inactive;