แอตทริบิวท์ for ของ <output> ใน HTML

แอตทริบิวท์ for ของ <output> ใน HTML

แอตทริบิวท์ for ขององค์ประกอบ <output> ตั้งค่าความสัมพันธ์ระหว่างผลลัพธ์ของการคำนวณและองค์ประกอบที่ใช้ในการคำนวณ

รูปแบบการใช้งาน:

<output for="id">

โดย id คือ ID ขององค์ประกอบ ซึ่งตั้งค่ารายการแยกต่างหากหนึ่งหรือหลายรายการด้วยช่องว่าง องค์ประกอบเหล่านี้ระบุความสัมพันธ์ระหว่างผลลัพธ์ของการคำนวณและองค์ประกอบที่ใช้ในการคำนวณ

ตัวอย่าง

<!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>

ผลลัพธ์

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