HTML <output> 태그
정의 및 특징
<output> 태그는 스크립트 등에 의해 수행된 계산의 결과나 사용자의 액션에 의한 결과를 나타낼 때 사용합니다.
예제
<form action="/examples/media/action_target.php" oninput="result.value=parseInt(a.value)+parseInt(b.value)">
<input type="number" id="a" name="a" value="20"> +
( 0 <input type="range" id="b" name="b" value="0"> 100 )=
<output name="result" for="a b"></output><br>
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 태그명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| <output> | 10.0 | 지원함 | 지원하지 않음 | 4.0 | 7.0 | 11.0 |
HTML5에서 변경된 사항
<output> 태그는 HTML5에서 새롭게 추가된 요소입니다.
사용할 수 있는 속성
| 속성명 | 속성값 | 설명 | |
|---|---|---|---|
|
요소 id |
계산 결과와 계산에 사용되는 요소 사이의 관계를 명시함. |
||
| form id |
<output> 요소가 포함될 하나 이상의 <form> 요소를 명시함. |
||
|
|
이름 |
<output> 요소의 이름을 명시함. |
CSS 기본값
|
output { display: inline; } |
DOM 인터페이스
|
interface HTMLOutputElement : HTMLElement { [SameObject, PutForwards=value] readonly attribute DOMTokenList htmlFor; readonly attribute HTMLFormElement? form; attribute DOMString name;
readonly attribute DOMString type; attribute DOMString defaultValue; attribute DOMString value;
readonly attribute boolean willValidate; readonly attribute ValidityState validity; readonly attribute DOMString validationMessage; boolean checkValidity(); boolean reportValidity(); void setCustomValidity(DOMString error);
[SameObject] readonly attribute NodeList labels; }; |
