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

HTML тег <textarea>

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

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

Текст подсказки скрывается, когда пользователь вводит значение (любой символ) в текстовое поле, если его убрать, то подсказка будет отображена снова.

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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
placeholderhtml5ДаДаДа5.010.012.0

Синтаксис:

<textarea placeholder = "text">

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

ЗначениеОписание
textЗадает текст подсказки, которая описывает ожидаемое значение для ввода пользователем в элемент.

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

Атрибут считается новым в HTML 5.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута placeholder HTML тега <textarea></title>
	</head>
	<body>
		<form>
			<textarea placeholder = "Введите информацию в текстовое поле"></textarea>
			<textarea placeholder = "Поле доступно только для чтения" readonly></textarea><br>
			<input type = "submit" name = "submitInfo" value = "отправить">
		</form>
	</body>
</html>

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

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

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

Пример использования атрибута placeholder HTML тега <textarea> (подсказка для пользователя).
Пример использования атрибута placeholder HTML тега <textarea> (подсказка для пользователя).
HTML тег <textarea>