Атрибут maxlength HTML тега <textarea>

Значение и применение

Атрибут maxlength (HTML тега <textarea>) указывает максимальное количество символов, которое может содержаться в текстовой области (при достижении заданного числа символов дальнейший ввод невозможен).

Если это значение не указано, то пользователь может ввести неограниченное количество символов.

Поддержка браузерами

Спецификация: multipage

✓Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.textarea.maxlength

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
maxlength	✓4	✓12	✓4	✓≤12.1	✓5… 5 Примечание MDN (англ.) Before Safari 17, newline characters counted as two characters instead of one. See bug 249916.	✓18	✓4	✓≤12.1	✓4.2… 4.2 Примечание MDN (англ.) Before Safari on iOS 17, newline characters counted as two characters instead of one. See bug 249916.	✓1.0	✓4.4	✓4.2… 4.2 Примечание MDN (англ.) Before WebView on iOS 17, newline characters counted as two characters instead of one. See bug 249916.

✓ поддерживается◐ с ограничениями× нет поддержки? нет данных≤31 — не позднее версии 31

Синтаксис:

<textarea maxlength =  "number">

Значения атрибута

Отличия HTML 4.01 от HTML 5

Пример использования

<!DOCTYPE html>
<html>
  <head>
    <title>Пример использования атрибута maxlength HTML тега <textarea></title>
  </head>
  <body>
    <form>
      <textarea maxlength="10"></textarea>
      <input type="submit" name="submitInfo" value="отправить" />
    </form>
  </body>
</html>

В этом примере мы создали текстовую область (элемент <textarea>), для которой атрибутом maxlength мы задали максимальное количество символов, которое она может содержать, равное 10 символам (когда мы введем десятый символ дальнейший ввод будет недоступен).

Кроме того, мы разместили внутри формы кнопку, которая служит для отправки формы (элемент <input> с типом кнопки "отправка формы": type = "submit").

Результат нашего примера:

<!DOCTYPE html><html><head>
<meta charset="UTF-8">

<title>Пример использования атрибута maxlength тега &lt;textarea&gt;</title>
<link rel="stylesheet" href="style.css"></head>
 <body>

	<form>
		<textarea maxlength="10"></textarea><br>
		<input type="submit" name="submitInfo" value="отправить">
	</form>


</body></html>