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

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

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

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

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

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

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

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

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

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
disabled	✓1	✓12	✓1	✓≤12.1	✓≤4	✓18	✓4	✓≤12.1	✓≤3.2	✓1.0	✓4.4	✓≤3.2

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

Синтаксис:

<textarea disabled>

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

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Пример использования атрибута disabled HTML тега <textarea></title>
  </head>
  <body>
    <form>
      <textarea name="userInfo">Текстовое поле доступно к заполнению.</textarea>
      <textarea name="staticInfo" disabled>Текстовое поле не доступно к заполнению.</textarea><br />
      <input type="submit" name="submitInfo" value="отправить" />
    </form>
  </body>
</html>

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

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

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

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

<title>Пример использования атрибута disabled и name</title>
<link rel="stylesheet" href="style.css"></head>
 <body>

	<form>
		<textarea name="userInfo">Текстовое поле доступно к заполнению.</textarea>
		<textarea name="staticInfo" disabled="">Текстовое поле не доступно к заполнению.</textarea><br>
		<input type="submit" name="submitInfo" value="отправить">
	</form>


</body></html>