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
# attr-textarea-maxlength

ブラウザーの互換性

html.elements.input.maxlength

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

html.elements.textarea.maxlength

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報