본문 바로가기

HTML

HTML <output> 태그

반응형

정의 및 특징

・<output> 태그는

 스크립트 등에 의해 수행된 계산의 결과나

 사용자의 액션에 의한 결과를 나타낼 때 사용한다

 

<output> 태그는 HTML5에서 새롭게 추가된 요소이다

 

 

지원하는 브라우저

10.0 지원함 지원하지 않음 4.0 7.0 11.0

 

속성

속성명 속성값 설명
for 요소 id 계산 결과와 계산에 사용되는 요소 사이의 관계를 명시한다
form form id <output> 요소가 포함될 하나 이상의 <form> 요소를 명시한다
name 이름 <output> 요소의 이름을 명시한다

 

예제

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

 

 

■HTML 태그 레퍼런스
HTML 태그 레퍼런스 - MAIN 돌아가기

 

 

반응형

'HTML' 카테고리의 다른 글

HTML <picture> 태그  (0) 2023.08.07
HTML <param> 태그  (0) 2023.08.02
HTML <option> 태그  (0) 2023.07.26
HTML <optgroup> 태그  (0) 2023.07.25
HTML <ol> 태그  (0) 2023.07.24