Thẻ <output> hiển thị kết quả tính toán. Các thuộc tính chính:
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
for | Danh sách ID | Chỉ ra các phần tử cung cấp giá trị cho phép tính |
form | form_id | Cho phép đặt output bên ngoài form nhưng vẫn liên kết |
name | Tên | Tên của phần tử (dùng khi submit form) |
Ví dụ
Tính tổng hai số và hiển thị trong <output>:
<!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 />
Kết quả: <output name="result"></output>
</form>
</body>
</html>
Mẹo: oninput trên form cập nhật real-time khi người dùng thay đổi input.