ตัวอย่าง
ทำการคำนวณและแสดงผลในนั้น <output> องค์ประกอบ:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
ลองตัวเอง» ความหมายและการใช้งาน
<output> แท็กแสดงให้เห็นถึงผลของการคำนวณ (เช่นดำเนินการโดยสคริปต์)
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่องค์ประกอบ
| ธาตุ | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | ได้รับการสนับสนุน | 4.0 | 5.1 | 11.0 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<output> แท็กใหม่ใน HTML5
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| for | element_id | ระบุความสัมพันธ์ระหว่างผลจากการคำนวณและองค์ประกอบที่ใช้ในการคำนวณ |
| form | form_id | ระบุหนึ่งหรือมากกว่าหนึ่งรูปแบบองค์ประกอบที่ส่งออกเป็น |
| name | name | ระบุชื่อสำหรับองค์ประกอบที่ส่งออก |
แอตทริบิวต์ทั่วโลก
<output> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<output> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: วัตถุเอาท์พุท
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <output> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
output {
display: inline;
}