ywork2020.com

Title

ミニマムレン属性を使えば、入力できる最小文字数を指定する事が出来る

minlength属性の概要

minlength属性は、送信フォームにおいて入力欄に入力できる最小文字数を指定できます。

実機サンプル

実際にテキストボックスに5文字以下のテキストを入力してみてエンターキーを押してみて下さい。

5文字以上で入力が必要です:

実機サンプルの補足

上記のサンプルでは最低を5文字を入力しないと送信出来ません。
もし、5文字以上でエンターを押した場合は、送信先のaction属性には何も指定していませんので、このページのURLにの後に
?namText=任意で入力された文字
が追加されます。 (https通信をしているのでURLに追加されたデータは暗号化されて、文字化けみたいに見えると思います。)

サンプルコード

<body>
	<form action="" method="GET">
		5文字以上で入力が必要です: <input type="text" name="namText" minlength="5">
	</form>
</body>

minlength属性の類似属性

この属性に類似した属性にmin (ミニマム属性)があります。 興味がある方はリンクを参照してください。

関連のあるページ