HTML
Выходной элемент

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Поиск…


параметры

атрибут Описание
Глобальный Атрибуты, доступные любому элементу HTML5. Полную документацию по этим атрибутам см. В разделе: Глобальные атрибуты MDN
название Строка, представляющая имя вывода. В качестве элемента формы на вывод можно ссылаться его имя, используя свойство document.forms . Этот атрибут также используется для сбора значений в форме submit.
за Список разделенных пробелами идентификаторов элементов формы (например, <inputs id="inp1"> for value is "inp1" ), что вывод предназначен для отображения вычислений.
форма Строка, представляющая <form> которая связана с выходом. Если вывод фактически находится за пределами <form> , этот атрибут будет гарантировать, что вывод по-прежнему принадлежит <form> и подчиняется коллекциям и отправляет указанную <form> .

Элемент вывода с использованием атрибутов «А» и «Форма»

В следующей демонстрации используется элемент <output> [for] атрибутов [for] и [form] . Имейте в виду, что для работы <output> необходим JavaScript . Встроенный JavaScript обычно используется в формах, как демонстрирует этот пример. Хотя элементы <input> являются type="number" , их value s не является числом, это текст. Поэтому, если вам нужно вычислить value s, вы должны преобразовать каждое value в число, используя такие методы, как parseInt() , parseFloat() , Number() и т. Д.

Демо-версия 

    <!--form1 will collect the values of in1 and in2 on 'input' event.-->
    <!--out1 value will be the sum of in1 and in2 values.-->    

<form id="form1" name="form1" oninput="out1.value = parseInt(in1.value, 10) + parseInt(in2.value, 10)">

  <fieldset>

    <legend>Output Example</legend>

      <input type="number" id="in1" name="in1" value="0">
    <br/>
    +
    <input type="number" id="in2" name="in2" value="0">

  </fieldset>

</form>

<!--[for] attribute enables out1 to display calculations for in1 and in2.-->
<!--[form] attribute designates form1 as the form owner of out1 even if it isn't a descendant.-->

<output name="out1" for="in1 in2" form="form1">0</output>

Элемент вывода с атрибутами

<output name="out1" form="form1" for="inp1 inp2"></output>


Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow