/html/output:> Область вывода результатов_
Элемент output
Синтаксис
HTML
<output> ... </output>
Описание
Элемент output (от англ. "output" ‒ «выход, вывод») создаёт область, в которую выводятся результаты вычислений или действий пользователя.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.10.13 The output element |
| 5.1 | 4.10.13. The output element |
| XHTML | |
| 1.0 | |
| 1.1 | |
Атрибуты
- for
- Указывает на связь между результатом вычисления и элементами используемыми в расчётах.
- form
- Прикрепляет элемент к форме.
- name
- Указывает имя элемента.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент output</title>
<style type="text/css">output { background-color: #FFEEAA; }</style>
</head>
<body>
<h1>Пример использования элемента "output"</h1>
<p>Сложение двух простых чисел</p>
<form onsubmit="return false" oninput="o.value = a.valueAsNumber + b.valueAsNumber">
<input name="a" type="number" step="any" value="0"> +
<input name="b" type="number" step="any" value="0"> =
<output name="o"></output>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент output</title>
<style type="text/css">output { background-color: #FFEEAA; }</style>
</head>
<body>
<h1>Пример использования элемента "output"</h1>
<p>Сложение двух простых чисел</p>
<form onsubmit="return false" oninput="o.value = a.valueAsNumber + b.valueAsNumber">
<input name="a" type="number" step="any" value="0"> +
<input name="b" type="number" step="any" value="0"> =
<output name="o"></output>
</form>
</body>
</html>
Элемент output