<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.
Please help us by answering a few questions.
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 # the-output-element |
Совместимость с браузерами
Смотрите также
- Другие элементы, связанные с формой:
<form>,<input>,<button>,<datalist>,<legend>,<label>,<select>,<optgroup>,<option>,<textarea>,<fieldset>,<progress>and<meter>.