1upホームページ作成のフォーム<form>の入力窓の入力文字数を制限する方法です(maxlength="文字数")。
ホームページ作成
無料!発信中!メール情報誌!
ホームページ作成TOP > フォームを設置する > 入力窓の入力文字数を制限する
入力窓の入力文字数を制限する

入力窓で入力可能文字数制限をする方法になります。

パスワードの入力エリアなどで、文字数の入力を一定の文字数以上入力させない様にする事ができます。

<input>に対して、maxlength="文字数"にて設定する事で文字数を制限する事ができます。

(パスワードの入力方法は、パスワード用入力窓を入れるtype="password"を見てください。)

sample

(今回のサンプルでは、最初から規定値を設定してます。)

通常: → 制限(3文字):
HTML <input type="text" maxlength="文字数">

入力窓の文字数を制限するには、<input type="text">に対して maxlength="●" を指定して制限をします。

この●には、制限したい文字数を設定します。今回は『3文字』にしますのでmaxlength="3"となります。

また、同じ様な入力窓で複数行入力可能な<textarea>に関しては、文字数制限する基本的な方法がありませんので、送信や、登録処理内(CGIやPHPなど)で制限処理をする事になります。

(入力窓内に最初から文字を表示しておく方法は入力窓に規定値の文字を設定(value="")するを見てください。)

書き方

<input type="text" name="text1" maxlength="3" size="20" value="ABC">
こうなります
IE7
IE6
Firefox
Opera

ホームページ作成TOP > フォームを設置する > 入力窓の入力文字数を制限する > このページのTOP ▲