HTML <output> 태그

정의와 사용법

<output> 태그는 스크립트에서 수행된 계산 결과를 표시하기 위해 사용됩니다(예: 스크립트로 수행된 계산).

다른 참조물도 보세요：

HTML DOM 참조 매뉴얼：Output 객체

예제

계산을 실행하고 <output> 요소에서 결과를 표시합니다：

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="a" value="50">
  +<input type="number" id="b" value="25">
  <output name="x" for="a b"></output>
</form>

직접 시도해 보세요

속성

속성 값 설명
for 요소 id 계산 결과와 계산 중 사용된 요소 간의 관계를 정의합니다
form 양식 id output 요소가 속한 양식을 정의합니다
name 이름 output 요소의 이름을 정의합니다

전역 속성

<output> 태그는 또한 HTML에서의 전역 속성。

이벤트 속성을 지원합니다

<output> 태그는 또한 HTML에서의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음과 같은 기본 값으로 표시합니다 <output> 요소:

output {
  display: inline;
}

브라우저 지원

표의 숫자는 이 태그를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
10.0 13.0 4.0 5.1 11.0