[HTML] output

output : 출력 요소

HTML output 요소는 웹 사이트나 앱에서 계산이나 사용자 행동의 결과를 삽입할 수 있는 컨테이너 요소이다.

특성

• for
  • 목록에 포함된 요소가 출력 결과에 영향을 주었음을 나타낸다.
• form
  • output과 연결할 form 요소
  • form 요소의 id 특성 값을 사용해야 한다.

select id select-1, select-2 의 결과 값이 output으로 도출 된다는 것을 브라우저에게 알려준다.

<form action="/" method="POST">
  <div>
    <select class="form-select" id="select-1" required>
      <option value="1">선택사항 1</option>
      <option value="2">선택사항 2</option>
    </select>
    <select class="form-select" id="select-2">
      <option value="1">선택사항 1</option>
      <option value="2">선택사항 2</option>
    </select>
  </div>

  <dl>
    <dt>주문 금액</dt>
    <dd>
      <output for="select-1 select-2">
        <div>
          <strong>50,000</strong>
          <span>원</span>
        </div>
      </output>
    </dd>
  </dl>
</form>