<output>
<output> 태그는 사용자에 컨트롤에 따라 결과값을 계산으로 보여주는 요소입니다.
<output>
<output> 태그는 계산의 결과를 보여줍니다.
특징 | 설명 |
---|---|
요소 | 인라인 요소(Inline Element) |
닫는 태그 | 닫는 태그 사용(<output> ~ </output>) |
버전 | HTML5 |
시각적 표현 | 아웃풋 컨트롤 디자인 |
정의(Definition)
- <output> 태그는 계산의 결과를 보여줍니다.
- <output> 태그는 스크립트와 같이 사용합니다.
- <output> 태그는 디자인은 브라우저 별로 다양합니다.
속성(Property)
속성 | 값(예) | 설명 | 버전 |
---|---|---|---|
for | for = "form_아이디" | 폼 양식과 연결합니다. | - |
form | form | 폼 양식을 설정합니다. | - |
name | name = "text" | <output> 태그의 이름을 설정합니다. | - |
Sample1
결과
html
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" name="b" value="70" /> +
<input type="number" name="a" value="20" /> =
<output name="result">60</output>
</form>
호환성(Compatibility)
6 | 7 | 8 | 9 | 10 | 11 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<output> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
for | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
form | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
name | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |