วิธาใช้แท็ก <output> ใน HTML

บทนำ

แท็ก <output> ใช้แสดงผลลัพธ์ของการคำนวณหรือการดำเนินการของผู้ใช้ สามารถเชื่อมโยงกับช่องกรอกอื่นๆ ผ่านแอตทริบิวต์ for

แอตทริบิวต์หลัก

ตัวอย่างโค้ด

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Output Tag</title>
  </head>
  <body>
    <form oninput="result.value = parseInt(a1.value) + parseInt(a2.value)">
      <input type="range" name="a1" value="0" /> +
      <input type="number" name="a2" value="5" /> <br/>
      ผลลัพธ์: <output name="result"></output>
    </form>
  </body>
</html>

กรณีใช้งาน

• เครื่องคิดเลขง่ายๆ
• แสดงผลรวมราคาสินค้า
• คำนวณ BMI, คะแนน, อัตราดอกเบี้ย
• Preview ผลลัพธ์ Real-time