minlength属性

input要素のminlength属性は、入力できる最小文字数を指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<input minlength="文字数">

minlength属性に指定した文字数を下回るテキストは入力できなくなる。10を指定すると、入力欄には10文字以上のテキストしか入力できない。

さらに、入力を必須にする場合は、required属性と併用する。

minlength属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password

サンプルコード

１行テキスト入力欄

<input type="text" minlength="10">

検索用テキスト入力欄

<input type="search" minlength="10">

パスワード入力欄

<input type="password" minlength="10">

サンプル

HTMLソースコード

<form action="sample-input-minlength-maxlength.php" method="post" target="_blank">
	<p>
		<label>
			１行テキスト入力欄：
			<input type="text" name="sampleText" minlength="10">
		</label>
	</p>
	<p>
		<label>
			検索用テキスト入力欄：
			<input type="search" name="sampleSearch" minlength="10">
		</label>
	</p>
	<p>
		<label>
			パスワード入力欄：
			<input type="password" name="samplePassword" minlength="5">
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>

実際の表示