HTML :: Тег <output>

В HTML тег <output> (от англ. output – выход) задает область на веб-странице, которая предназначена для вывода информации преимущественно при помощи скриптов (например, результаты вычислений или действий пользователя).

Синтаксис

	<output>...</output>		 
	
	Закрывающий тег: обязателен.

Атрибуты

for – связывает данную область вывода информации с одним или более элементами, которые предоставили данные для вычислений или иным способом участвовали в вычислениях. Если связанных элементов несколько, то они перечисляются через пробел.
form – связывает элемент <output> с формой, которой принадлежит данная область вывода информации, в качестве значения принимая соответствующее значение атрибута id формы.
name – задает уникальное имя элементу, которое позволяет обращаться к нему через скрипты. Кроме того, при отправке данных формы имя элемента отправляется на сервер вместе с его значением.
Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/form-elements.html#the-output-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/output

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>
	
	<form oninput="result.value=(m.value*100)">
		<p>
			Введите длину в метрах: 
			<input type="number" name="m" autofocus>
		</p>
		
		<p>
			Длина в сантиметрах: 
			<output name="result">0</output>
		</p>
	</form>	
	
</body>
</html>

Пример №1