Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách bao gồm kết quả tính toán trong HTML5

Dùng thẻ <output> trong HTML5 để chỉ định kết quả của một phép tính. Thẻ <output> cũng hỗ trợ các thuộc tính bổ sung:

Thuộc tính Giá trị Mô tả
for element IDs Danh sách ID các phần tử khác, chỉ các phần tử đóng góp giá trị input cho phép tính
form form_id Cho phép đặt output ở bất kỳ đâu trong tài liệu
name name Tên của phần tử

Ví dụ

Bạn có thể chạy mã sau để học cách triển khai thẻ <output> trong HTML5:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Output Tag</title>
  </head>
  <body>
    <form oninput="sumresult.value = parseInt(z1.value)+parseInt(z2.value)+parseInt(z3.value)">
      <input type="range" name="z1" value="0" /> +
      <input type="number" name="z2" value="30" /> +
      <input type="number" name="z3" value="60" /><br />
      Kết quả: <output name="sumresult"></output>
    </form>
  </body>
</html>