HTML 属性: maxlength

maxlength 属性は、ユーザーが <input> または <textarea> に入力できる最大文字列長を(UTF-16 コード単位で)定義します。 0 以上の整数値である必要があります。

長さは UTF-16 コードユニットで測定され、(多くの文字体系では)文字数と等しくなります。 maxlength が指定されなかった場合、または無効な値が指定された場合は、 input には最大長が設定されません。

maxlength の値はすべて、 minlength が存在して有効である場合は、その値以上である必要があります。フィールドのテキスト値の長さが maxlength の UTF-16 コード単位の長さを超える場合、入力欄は制約検証に失敗します。制約検証は、ユーザーが値を変更した場合にのみ適用されます。

制約検証

ブラウザーは一般的に、 maxlength 属性が許可する以上のテキストをユーザーが入力することを防止しますが、長さが maxlength が許可しているよりも長くなった場合、 ValidityState オブジェクトの読み取り専用の tooLong プロパティが true になります。

試してみましょう

html
<input type="password" maxlength="4" />

仕様書

Specification
HTML Standard
# attr-input-maxlength
HTML Standard
# the-maxlength-and-minlength-attributes

ブラウザーの互換性

html.elements.input.maxlength

BCD tables only load in the browser

html.elements.textarea.maxlength

BCD tables only load in the browser

関連情報