HTML의
다음은 속성입니다 -
- 용 - 계산 결과와 계산에 사용된 요소 간의 관계
- 양식 - 출력 요소가 속한 양식
- 이름 - 출력 요소의 이름
이제
를 구현하는 예를 살펴보겠습니다.예시
<!DOCTYPE html> <html> <body> <h2>Result</h2> <form oninput="n.value=parseInt(p .value)+parseInt(q.value)+parseInt(r.value)">0 <input type="range" id="p" value="25">100 +<input type="number" id="q" value="50">+<input type="number" id="r" value="50"> =<output name="n" for="p q r"></output> </form> </body> </html>
출력
이제 슬라이더를 높이면 결과가 표시됩니다 -