ホームページ作成ガイド

半角文字しか入力できないようにする

<html>
<head>
<title>半角文字しか入力できないようにする</title>
</head>

<body>
<form>
メールアドレス：<br>
<input type="text" style="ime-mode:disabled;" size="50">
</form>

</body>
</html>

半角で入力してもらい部分において、「半角/全角」ボタンを押しても半角文字しか入力できなくする小ワザです。WindowsのIEのみ有効です。

以前「フォームの全角/半角を制御する」（http://www.salut.ne.jp/wmh/tool/js/k035/index.html）を紹介しましたが、そのときは「半角/全角」ボタンを押すと入力モードが変わってしまうものでした。今回はIMEを無効化してしまうので、「半角/全角」ボタンを押しても半角文字しか入力できなくなります。

<input type="text"・・・で、style="ime-mode:disabled;"と記述してIMEを無効化しています。

ちなみに前回は<head></head>内にCSSを記述しましたが、今回は趣向を変えて<input>タグに直接記述してみました。
この要領で前回のCSSにおいても直接記述することが可能ですし、今回のCSSを前回のように別に記述することもできます。