HTML-элемент вывода (<output>
) является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.
Категории контента | Потоковый контент, фразовый контент, перечисляемые, лэйбловые, сбрасываемые формо-ассоциированные элементы, явный контент. |
---|---|
Разрешенный контент | Фразовый контент. |
Tag omission | Нет, открывающий и закрывающий теги обязательны. |
Разрешенные родители | Все элементы, которые принимают фразовый контент. |
Допустимые ARIA-роли | Любые |
DOM интерфейс | HTMLOutputElement |
Атрибуты
Этот элемент включает глобальные атрибуты.
for
- Пробело-разделяемый список
id
других элементов, указывающий, что эти элементы предоставили входные значения для (или иным образом повлияли) вычисления. form
- Элемент формы, с которым связан этот элемент ("владелец формы"). Значением атрибута должен быть
id
элемента<form>
в том же документе. Этот атрибут не нужен, если элемент<output>
является потомком элемента<form>
(в этом случае эта форма является владельцем формы), или, если элемент<output>
вообще не связан с формой. name
- Имя элемента; используется для идентификации этого
<output>
при отправке формы.
Пример
Эта форма содержит слайдер, значение которого находится в пределах от 0 до 100, и элемент <input>
, в который можно ввести второе значение. Два числа складываются и результат отображается в элементе <output>
каждый раз, когда значение любого управляющего элемента меняется.
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" name="b" value="50" /> +
<input type="number" name="a" value="10" /> =
<output name="result">60</output>
</form>
Спецификации
Спецификация | Статус | Комментарии |
---|---|---|
HTML Living Standard Определение '<output>' в этой спецификации. |
Живой стандарт | |
HTML5 Определение '<output>' в этой спецификации. |
Рекомендация |
Поддержка браузерами
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Смотрите также
- Другие элементы, связанные с формой:
<form>
,<input>
,<button>
,<datalist>
,<legend>
,<label>
,<select>
,<optgroup>
,<option>
,<textarea>
,<keygen>
,<fieldset>
,<progress>
and<meter>
.