Тег OUTPUT

  Парный строчный тег OUTPUT предназначен для назначения на Web-странице поля для вывода контента от скрипта.
  Данные представленные скриптом в поле элемента тега OUTPUT могут быть включены в форму.
  В этом случае элемент тега OUTPUT необходимо логически связать с элементом тега FORM.
  Такая связь устанавливается либо размещением элемента тега OUTPUT в элементе тега FORM, либо с помощью соответствующих атрибутов этих тегов. И, в этом случае, элемент тега OUTPUT становится элементом формы данных.

  Внутренний контент элемента тега OUTPUT выводится в его поле на Web-странице в соответствии с приписанными ему стилями и является его значением по умолчанию, которое может быть изменено скриптом.

  В принципе скрипт может изменить значение в поле элемента любого тега, особенность тега OUTPUT в том, что его элемент можно связать с формой.
  Атрибуты:
  FORM - Устанавливает связь поля вывода с формой когда элемент тега OUTPUT располагается за пределами элемента тега FORM.
  Значение должно совпадать со значением атрибута ID соответствующего элемента тега FORM.
  FOR - Устанавливает список элементов формы, значения которых участвуют в формировании значения для поля вывода.
  Таким образо, эти элементы, логически связываются с элементом тега OUTPUT.
  • Значение:

    • Список допустимых символьных кодов, назначенных идентификаторами элементов тегов разделенных запятыми или пробелами
        Каждое значение кода в списке должно совпадать со значением атрибута ID соответствующего элемента формы.
        Если значения кода в списке разделены запятыми, то соответствующий список DOMTokenList будет иметь только один элемент.

  • Значение по умолчанию - Нет.
  • Атрибут необязательный.
  NAME - Устанавливает имя поля вывода.
  Используется для идентификации значения, размещенного в этом поле.
  В коде, отсылаемом на сервер или скрипту в составе связанной формы, для поля вывода браузером формируется пара:

    Значение атрибута NAME = Значени, размещенное в поле вывода

Пример:
<FORM ID="fff">
 <INPUT ID="x" TYPE=number STEP=1 VALUE=1> +
 <INPUT ID="y" TYPE=number STEP=1 VALUE=2> =
 <OUTPUT ID="z" FORM="fff" NAME="ooo" FOR="x y">0</OUTPUT>
</FORM>
<SCRIPT>
 var N;
 var K;
 var N1;
 var N2;
 var N3;
 var N4;
 var F = "fff";
 var FY = function(X)
  {
   var I = 0;
   var J = 0;
   var S = 0;
   if ( X == F )
    {
     N1 = document.getElementById(X).elements;
     N = N1.length;
     for (J = 0; J < N; J++)
      {
       N2 = N1.item(J);
       if ( N2.type == "output")
        {
         N3 = N2.htmlFor;
         K = N3.length;
         break;
        };
      };
    };
   for (I = 0; I < K; I++)
    {
     N4 = document.getElementById(N3[I]);
     if ( X == F )
      {
       N4.onchange = FY;
      };
     S = S + Number(N4.value);
    };
   N2.value = S;
  };
 FY(F);

</SCRIPT>
Результат (занесите числа и кликните на плюсик):
+ = 0