HTML
Element wyjściowy

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Szukaj…


Parametry

Atrybut Opis
Światowy Atrybuty dostępne dla dowolnego elementu HTML5. Pełna dokumentacja tych atrybutów znajduje się w: Globalne atrybuty MDN
Nazwa Ciąg reprezentujący nazwę wyjścia. Jako element formularza do danych wyjściowych można odwoływać się za pomocą ich nazwy za pomocą właściwości document.forms . Ten atrybut służy również do zbierania wartości w formularzu przesyłania.
dla Rozdzielona spacjami lista identyfikatorów elementów formularza (np. <inputs id="inp1"> for value is "inp1" ), dla której dane wyjściowe mają wyświetlać obliczenia.
Formularz Ciąg reprezentujący <form> który jest powiązany z wyjściem. Jeśli dane wyjściowe znajdują się faktycznie poza <form> , ten atrybut zapewni, że dane wyjściowe nadal będą należeć do <form> i będą podlegały kolekcjom i przesyłkom wymienionym <form> .

Element wyjściowy przy użyciu atrybutów For i Form

Poniższa wersja demonstracyjna przedstawia użycie przez <output> atrybutów [for] i [form] . Pamiętaj, że <output> potrzebuje JavaScript do działania. Inline JavaScript jest powszechnie używany w formularzach, co pokazuje ten przykład. Mimo że elementy <input> mają type="number" , ich value s nie są liczbami, lecz tekstem. Jeśli więc chcesz obliczyć value s, musisz przekonwertować każdą value na liczbę przy użyciu metod takich jak: parseInt() , parseFloat() , Number() itp.

Demo na żywo 

    <!--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>

Element wyjściowy z atrybutami

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


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow