แท็ก <output> ใน HTML

แท็ก <output> ใน HTML ใช้สำหรับแสดงผลลัพธ์ของการคำนวณ ถูกนำมาใช้ใน HTML5

แอตทริบิวท์ต่อไปนี้:

for - ความสัมพันธ์ระหว่างผลลัพธ์ของการคำนวณและองค์ประกอบที่ใช้ในการคำนวณ
form - ฟอร์มที่องค์ประกอบ output สังกัด
name - ชื่อสำหรับองค์ประกอบ output

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>ผลลัพธ์</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>

ผลลัพธ์

แท็ก <output> ใน HTML

ตอนนี้ เพิ่มค่า slider และผลลัพธ์จะแสดง:

แท็ก <output> ใน HTML