“input”要素~“minlength”属性

“minlength”属性について

“minlength”属性は“input”要素で表される入力欄に入力できる最小の文字数を指定する属性です。

“minlength”属性は“type”属性に以下の値が指定されている場合に使用できます。

• “text”
• “search”
• “url”
• “tel”
• “email”
• “password”

ユーザーが入力した入力値が“minlength”属性で指定した文字数よりも短い場合はブラウザによる妥当性のチェックによりフォームが送信できなくなります。

“value”属性を指定する場合はその値は“minlength”属性で指定する文字数よりも長いか同じである必要があります。

“maxlength”属性と組み合わせることで入力欄が送信できる文字数の範囲を指定できます。

“minlength”属性で送信できる最小の文字数を指定していても入力欄が未入力の場合は送信できます。未入力の場合も送信できなくする場合は“required”属性を合わせて指定します。

指定できる値

サンプルコード

<form method="post" action="sample-inputtag4.php" target="_blank">

<fieldset>

<p><label>好きな野菜：<input type="text" name="vege" minlength="2" maxlength="7"></p>
<p><label>好きな果物：<input type="text" name="fruit" minlength="2" maxlength="7"></p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

好きな野菜：

好きな果物：

送信する