ホームページ作成ガイド

フォームの全角/半角を制御する

<html><head><title>フォームの全角/半角を制御する</title>
<STYLE type="text/css">

</STYLE>
</head>
<body>
<form>
名前：<br>
<input type="text" class="zen" size="50"><br>
メール：<br>
<input type="text" class="han" size="50"><br>
</form>
</body></html>

まず最初に<head></head>内でスタイルシートを設定します。
ime-mode:をactiveにすると全角に、inactiveにすると半角になります。

テキスト入力フォームのタグ内にclass="zen"あるいは、hanを設定します。
すると、zenの入力フォームでは全角に、hanの入力フォームでは半角に、自動的に切り替わります。