maxlength attribute for input and textarea elements

Declares an upper bound on the number of characters the user can input. Normally the UI ignores attempts by the user to type in additional characters beyond this limit.

Spec	https://html.spec.whatwg.org/multipage/forms.html#attr-input-maxlength
Status	WHATWG Living Standard

IE	Edge	Firefox	Chrome	Safari	Opera
			103
		100	102
		99	101	TP
11	99	98	100	15.4	83
10	98	97	99	15.2-15.3	82
9 ^(1,2,3)	97	96	98	15.1	81
8 ^(1,2,3)	96	95	97	15	80
Show all
7 ^(1,2,3)	95	94	96	14.1	79
6 ^(1,2,3)	94	93	95	14	78
5.5	93	92	94	13.1	77
	92	91	93	13	76
	91	90	92	12.1	75
	90	89	91	12	74
	89	88	90	11.1	73
	88	87	89	11	72
	87	86	88	10.1	71
	86	85	87	10	70
	85	84	86	9.1	69
	84	83	85	9	68
	83	82	84	8	67
	81	81	83	7.1	66
	80	80	81	7	65
	79	79	80	6.1	64
	18 ⁽⁴⁾	78	79	6	63
	17 ⁽⁴⁾	77	78	5.1	62
	16 ⁽⁴⁾	76	77	5	60
	15 ⁽⁴⁾	75	76	4 ^(1,2,3)	58
	14 ⁽⁴⁾	74	75	3.2 ^(1,2,3)	57
	13 ⁽⁴⁾	73	74	3.1	56
	12 ⁽⁴⁾	72	73		55
		71	72		54
		70	71		53
		69	70		52
		68	69		51
		67	68		50
		66	67		49
		65	66		48
		64	65		47
		63	64		46
		62	63		45
		61	62		44
		60	61		43
		59	60		42
		58	59		41
		57	58		40
		56	57		39
		55	56		38
		54	55		37
		53	54		36
		52	53		35
		51	52		34
		50 ⁽⁴⁾	51		33
		49 ⁽⁴⁾	50		32
		48 ⁽⁴⁾	49		31
		47 ⁽⁴⁾	48		30
		46 ⁽⁴⁾	47		29
		45 ⁽⁴⁾	46		28
		44 ⁽⁴⁾	45		27
		43 ⁽⁴⁾	44		26
		42 ⁽⁴⁾	43		25
		41 ⁽⁴⁾	42		24
		40 ⁽⁴⁾	41		23
		39 ⁽⁴⁾	40		22
		38 ⁽⁴⁾	39		21
		37 ⁽⁴⁾	38		20
		36 ⁽⁴⁾	37		19
		35 ⁽⁴⁾	36		18
		34 ⁽⁴⁾	35		17
		33 ⁽⁴⁾	34		16
		32 ⁽⁴⁾	33		15
		31 ⁽⁴⁾	32		12.1 ⁽¹⁾
		30 ⁽⁴⁾	31		12 ⁽¹⁾
		29 ⁽⁴⁾	30		11.6 ⁽¹⁾
		28 ⁽⁴⁾	29		11.5 ⁽¹⁾
		27 ⁽⁴⁾	28		11.1 ⁽¹⁾
		26 ⁽⁴⁾	27		11 ⁽¹⁾
		25 ⁽⁴⁾	26		10.6 ⁽¹⁾
		24 ⁽⁴⁾	25		10.5 ⁽¹⁾
		23 ⁽⁴⁾	24		10.0-10.1 ⁽¹⁾
		22 ⁽⁴⁾	23		9.5-9.6 ⁽¹⁾
		21 ⁽⁴⁾	22		9
		20 ⁽⁴⁾	21
		19 ⁽⁴⁾	20
		18 ⁽⁴⁾	19
		17 ⁽⁴⁾	18
		16 ⁽⁴⁾	17
		15 ⁽⁴⁾	16
		14 ⁽⁴⁾	15
		13 ⁽⁴⁾	14
		12 ⁽⁴⁾	13
		11 ⁽⁴⁾	12
		10 ⁽⁴⁾	11
		9 ⁽⁴⁾	10
		8 ⁽⁴⁾	9
		7 ⁽⁴⁾	8
		6 ⁽⁴⁾	7
		5 ⁽⁴⁾	6
		4 ⁽⁴⁾	5
		3.6 ^(1,2,3)	4
		3.5 ^(1,2,3)
		3 ^(1,2,3)
		2 ^(1,2,3)

Safari on iOS	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser	KaiOS Browser
15.4	all ⁽¹⁾	99 ⁽⁶⁾	10	64 ⁽⁶⁾	100 ⁽⁶⁾	98 ⁽⁶⁾	11	12.12	16.0 ⁽⁶⁾	10.4	7.12	2.5 ⁽⁴⁾
15.2-15.3		4.4.3-4.4.4	7	12.1 ⁽¹⁾			10		15.0 ⁽⁶⁾
15.0-15.1		4.4		12 ⁽¹⁾					14.0 ⁽⁶⁾
14.5-14.8		4.2-4.3		11.5 ⁽¹⁾					13.0 ⁽⁶⁾
Show all
14.0-14.4		4.1		11.1 ⁽¹⁾					12.0 ⁽⁶⁾
13.4-13.7		4		11 ⁽¹⁾					11.1-11.2 ⁽⁶⁾
13.3		3		10 ⁽¹⁾					10.1 ⁽⁶⁾
13.2		2.3							9.2 ⁽⁶⁾
13.0-13.1		2.2							8.2 ⁽⁶⁾
12.2-12.5		2.1							7.2-7.4 ⁽⁶⁾
12.0-12.1									6.2-6.4 ⁽⁶⁾
11.3-11.4									5.0-5.4 ⁽⁶⁾
11.0-11.2									4 ⁽⁶⁾
10.3
10.0-10.2
9.3
9.0-9.2
8.1-8.4 ⁽⁵⁾
8 ⁽⁵⁾
7.0-7.1
6.0-6.1
5.0-5.1
4.2-4.3
4.0-4.1
3.2

Notes

<textarea>'s' UI does not prevent the user from typing additional characters beyond the maxlength limit.
Does not support the HTMLTextAreaElement.maxLength DOM property.
Does not support ValidityState.tooLong. In some cases, this is because .validity is not supported in the first place.
Does not support ValidityState.tooLong correctly in the (unlikely) case of the value being initially set too long, then changed by the user to a still incorrect state. See Firefox bug and MS Edge bug.
<input>'s UI does not prevent the user from typing additional characters beyond the maxlength limit between two existing characters of the string.
Allows text beyond maxlength to be entered at first, but removes all characters past the maxlength when focus is lost.

Bugs

In Opera 12.1 & below ValidityState.tooLong is true when the input's initial value exceeds the maxlength. Per the spec, it should instead be false until the user edits the value.

Resources

MDN Web Docs - attribute maxlength

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/maxlength

Name	Support Tables
Version
Badge
Last Updated	2022-04-11T17:49:08Z