<output>: Элемент вывода
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
HTML-элемент <output>
является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.
Категории контента | Потоковый контент, фразовый контент, перечисляемые, лэйбловые, сбрасываемые форма-ассоциированные элементы, явный контент. |
---|---|
Допустимый контент | Фразовый контент. |
Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
Допустимые родители | Все элементы, которые принимают фразовый контент. |
Допустимые 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>
Спецификации
Specification |
---|
HTML Standard # the-output-element |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Другие элементы, связанные с формой:
<form>
,<input>
,<button>
,<datalist>
,<legend>
,<label>
,<select>
,<optgroup>
,<option>
,<textarea>
,<fieldset>
,<progress>
and<meter>
.