<output>
Результат вычисления или действия пользователя.
Синтаксис
<output name="result" for="a b">0</output>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| for | id list | `id` полей, из которых получен результат. |
| name | text | Имя для обращения из скрипта. |
Примеры
Сумма пересчитывается при вводе:
<form oninput="total.value = Number(a.value) + Number(b.value)">
<input type="number" id="a" value="2"> +
<input type="number" id="b" value="3"> =
<output name="total" for="a b">5</output>
</form>Значение ползунка рядом с ним:
<form oninput="level.value = vol.value">
<input type="range" id="vol" min="0" max="100" value="30">
<output name="level" for="vol">30</output>%
</form>Примечания
Программы чтения с экрана объявляют изменения внутри <output>, поэтому для результатов он лучше, чем <span>. Значение <output> на сервер не отправляется.
См. также
- <form> — Форма: собирает данные из полей и отправляет их на сервер.
- <input> — Поле ввода; вид поля задаёт атрибут `type`.
- <progress> — Индикатор выполнения задачи: загрузки, шагов формы.
Вопросы и ответы по теме
В учебнике
- Виды полей ввода — Атрибут type у input — текст, почта, пароль, числа и ползунок, даты, флажки, переключатели, цвет и файл.