このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
HTML 属性: maxlength
maxlength 属性は、ユーザーが<input> または<textarea> に入力できる最大文字列長を（UTF-16 コード単位で）定義します。 0 以上の整数値である必要があります。
長さは UTF-16 コードユニットで測定され、（多くの文字体系では）文字数と等しくなります。maxlength が指定されなかった場合、または無効な値が指定された場合は、 input には最大長が設定されません。
maxlength の値はすべて、minlength が存在して有効である場合は、その値以上である必要があります。フィールドのテキスト値の長さが maxlength の UTF-16 コード単位の長さを超える場合、入力欄は制約検証に失敗します。制約検証は、ユーザーが値を変更した場合にのみ適用されます。
制約検証
ブラウザーは一般的に、 maxlength 属性が許可する以上のテキストをユーザーが入力することを防止しますが、長さが maxlength が許可しているよりも長くなった場合、ValidityState オブジェクトの読み取り専用のtooLong プロパティが true になります。
試してみましょう
<label for="name">Product name:</label><input name="name" type="text" value="Shampoo" minlength="3" maxlength="20" required /><label for="description">Product description:</label><textarea name="description" minlength="10" maxlength="40" required></textarea>label { display: block; margin-top: 1em;}input:valid,textarea:valid { background-color: palegreen;}例
html
<input type="password" maxlength="4" />仕様書
| Specification |
|---|
| HTML # attr-input-maxlength |
| HTML # attr-textarea-maxlength |