このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

input”要素~“maxlength”属性

記事Sep.19th, 2020
入力可能な最大の文字数を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

maxlength”属性について

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

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

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

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

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

指定できる値

属性値 説明
正の整数 入力可能な最大の文字数

サンプルコード

<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>

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク