Chrome で入力タイプ = "number" の場合、maxlength は無視されます 質問する

Chrome で入力タイプ =

属性maxlengthは では機能しません<input type="number">。これは Chrome でのみ発生します。

<input type="number" class="test_css"  maxlength="4"  id="flight_number" name="number"/>

ベストアンサー1

からMDNのドキュメント<input>

type属性の値がtextemailsearchpasswordtel、または の場合url、この属性はユーザーが入力できる最大文字数 (Unicode コード ポイント単位) を指定します。その他のコントロール タイプの場合、この属性は無視されます。

したがって、設計maxlength上は無視されます。<input type="number">

必要に応じて、inonminの回答で提案されているように、属性とmax属性を使用できます(注: これは制限された範囲のみを定義し、値の実際の文字数を定義するものではありませんが、-9999 か​​ら 9999 は 0 から 4 桁の数字すべてをカバーします)。または、通常のテキスト入力を使用して、新しいpattern属性:

<input type="text" pattern="\d*" maxlength="4">

おすすめ記事