HTML5에 계산 결과를 포함하는 방법은 무엇입니까?

HTML5에서 태그를 사용하여 계산 결과를 지정합니다. HTML 태그는 다음과 같은 추가 속성도 지원합니다. -

속성	값	설명
		다른 요소의 ID 목록, 즉 계산에 입력 값을 제공한 요소를 나타냅니다.
양식	양식	문서 내의 아무 곳에나 출력 요소를 배치할 수 있습니다.
이름	이름	요소의 이름입니다.

예시

HTML5에서 태그를 구현하는 방법을 배우기 위해 다음 코드를 실행할 수 있습니다 -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Output Tag</title>
   </head>
   <body>
      <form oninput = "sumresult.value = parseInt(z1.value)+parseInt(z2.value)+parseInt(z3.value)">
         <input type = "range" name = "z1" value = "0" /> +
         <input type = "number" name = "z2" value = "30" /> +
         <input type = "number" name = "z3" value = "60" /><br />
         The output is: <output name = "sumresult"></output>
      </form>
   </body>
</html>