Атрибут form связывает поле вывода <output> с формой. Такое связывание требуется, когда <output> располагается за пределами элемента <form>.
Значением form выступает идентификатор формы.
<form id="my-form">…</form>
<output form="my-form"></output>
Если атрибут form не указан, то <output> привязывается к форме, внутри которой располагается.
<form id="my-form">
<output></output>
</form>
Атрибут form при его наличии переопределяет родительскую форму, иными словами, расположение <output> не учитывается, связывание происходит по идентификатору формы.
<form id="my-form"></form>
<form>
<output form="my-form"></output>
</form>
Синтаксис
<output form="<идентификатор>">
</output>
Значения
В качестве значения указывается идентификатор формы.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>output</title>
</head>
<body>
<form id="inch2cm" oninput="result.value=(2.54*inch.value).toFixed(2)">
<p>Введите длину в дюймах:
<input type="number" value="0" name="inch"></p>
</form>
<p>Длина в сантиметрах: <output name="result" form="inch2cm">0</output></p>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.