ホームページ作成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">
こうなります
ホームページ作成TOP > フォームを設置する > 入力窓の入力文字数を制限する > このページのTOP ▲
スポンサードリンク
無料メール情報誌
ワンランクUP講座
ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。
サイト内検索
おすすめ1冊
全体レイアウトを実際のサイト事例を使用し、詳細までを解説。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
おすすめソフト
Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。
検証結果