HTML
출력 요소

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


매개 변수

속성 기술
글로벌 HTML5 요소에서 사용할 수있는 특성입니다. 이러한 속성에 대한 포괄적 인 문서는 MDN 전역 속성을 참조하십시오.
이름 출력의 이름을 나타내는 문자열. 양식 요소로서, document.forms 속성을 사용하여 이름으로 출력을 참조 할 수 있습니다. 이 속성은 양식 제출시 값을 수집하는데도 사용됩니다.
...에 대한 공백으로 구분 된 양식 요소 ID 목록 (예 : 값의 경우 <inputs id="inp1"> for value is "inp1" 임)은 출력이 계산을 표시하기위한 것입니다.
형태 결과와 연결된 <form> 을 나타내는 문자열입니다. 출력이 외부에 실제로 경우 <form> ,이 속성은 출력이 여전히에 속한다는 것을 보장한다 <form> 컬렉션과의을 제출 및 대상 말했다 <form> .

For 및 Form 속성을 사용하는 출력 요소

다음 데모에서는 <output> 요소의 [for] 및 [form] 특성 사용에 대해 설명합니다. 명심하십시오. <output> 은 작동하기 위해 JavaScript 가 필요 합니다. 인라인 JavaScript는이 예제에서 보여주는 것처럼 양식에 일반적으로 사용됩니다. <input> 요소는 type="number" 이지만 value 은 숫자가 아니며 텍스트입니다. 따라서 value 을 계산해야한다면 parseInt() , parseFloat() , Number() 등과 같은 메소드를 사용하여 각 value 을 숫자로 변환해야합니다.

라이브 데모 

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