예
계산을 수행하고있는 결과를 보여 <output> 요소를 :
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
»그것을 자신을 시도 정의 및 사용
<output> 태그는 계산 결과를 나타낸다 (스크립트 수행 하나 등).
브라우저 지원
표의 수치는 전체 요소를지지하는 제 브라우저 버전을 지정.
| 요소 | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | 지원되지 않음 | 4.0 | 5.1 | 11.0 |
HTML 4.01과 HTML5의 차이점
<output> 태그는 HTML5의 새로운 기능입니다.
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| for | element_id | 계산에 사용 된 계산 결과 사이의 관계와 요소 지정 |
| form | form_id | 출력 요소가 속해있는 하나 이상의 형태를 지정 |
| name | name | 출력 엘리먼트의 이름을 지정 |
글로벌 속성
<output> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<output> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : 출력 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <output> 다음과 같은 기본 값으로 요소를 :
output {
display: inline;
}