maxlength属性

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

ブラウザ対応

構文

<input maxlength="文字数">

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

maxlength属性に対応しているinput要素のタイプ(type属性値)

サンプルコード

1行テキスト入力欄

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

検索用テキスト入力欄

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

パスワード入力欄

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

サンプル

HTMLソースコード

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

実際の表示