목차
- <output> 예제 - 계산 결과값 출력
- <output> 정의
- <output> 구문
- <output> 속성
- <output> 기본 CSS
<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="200">
= <output name="x" for="a b"></output>
<output> 정의
계산 결과값을 출력.
1.
인라인요소라 옆으로 배치.
2.
시작태그와 종료태그로 구성.
3.
HTML5 추가.
4.
IE 제외한 주요 최신 브라우저 모두 지원.
<output> 구문
<output 속성='속성값'></output>
<output> 속성
속성
|
속성값 |
설명 |
비고 |
| for |
element_id |
<output> 태그 계산에 사용된 요소들의 ID |
HTML5추가 |
| form |
form_id |
<output> 태그가 속하는 하나 또는 그 이상의 <form> 태그 ID |
HTML5추가 |
| name |
텍스트 |
<output> 태그의 고유 이름 |
HTML5추가 |
<output> 태그는 전역속성과 이벤트속성 지원.
<output> 기본 CSS
output { display: inline; }
