สำหรับแอตทริบิวต์ขององค์ประกอบ
ต่อไปนี้เป็นไวยากรณ์:
<output for="id">
ด้านบน id คือ id องค์ประกอบ ซึ่งตั้งค่ารายการแยกกันขององค์ประกอบตั้งแต่หนึ่งรายการขึ้นไปพร้อมช่องว่าง องค์ประกอบเหล่านี้ระบุความสัมพันธ์ระหว่างผลลัพธ์ของการคำนวณกับองค์ประกอบที่ใช้ในการคำนวณ
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ for ขององค์ประกอบ
ตัวอย่าง
<!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>
ผลลัพธ์
ตอนนี้ ให้เพิ่มแถบเลื่อนแล้วผลลัพธ์จะปรากฏขึ้น:
