С помощью идентификатора элемента (атрибут id) связывает поле <input> с областью для вывода результата <output>.
В качестве значения for указывается имя идентификатора элемента.
<input type="number" value="0" id="num1">
<output name="result" for="num1"></output>
Здесь у поля для ввода чисел id указан как num1, это же значение используется и у атрибута for.
Если для вычисления результата применяется несколько полей, то их идентификаторы в атрибуте for пишутся через пробел.
<input type="number" value="0" id="num1">
<input type="number" value="0" id="num2">
<output name="result" for="num1 num2"></output>
Здесь используется два поля формы с разными идентификаторами, поэтому в атрибуте for указываем их через пробел. Порядок идентификаторов внутри атрибута for значения не имеет.
Синтаксис
<output for="<идентификатор>">
</output>
Значения
Уникальное имя идентификатора элемента формы.
Значение по умолчанию
Нет.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>output</title>
</head>
<body>
<form oninput="result.value = Math.round(m.value*10000 / (h.value*h.value))">
<p>Введите свой рост в сантиметрах:
<input type="number" value="170" id="h"></p>
<p>Введите свой вес в килограммах:
<input type="number" value="70" id="m"></p>
<p>Индекс массы тела: <output for="h m" name="result">24</output></p>
</form>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.