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

Thuộc tính max của thẻ <meter> trong HTML

Thuộc tính max của phần tử <meter> dùng để đặt giá trị верх giới (giá trị lớn nhất) cho thước đo. Phần tử <meter> được dùng để hiển thị đo lường dữ liệu trong một khoảng xác định (như mức độ ô nhiễm nước) và khoảng này được thiết lập bằng các thuộc tính min và max.

Cú pháp

<meter max="số">

Trong đó số là một số thực (floating-point) xác định giá trị tối đa của thước đo.

Ví dụ minh họa

Ví dụ sau minh họa việc sử dụng thuộc tính max cùng các thuộc tính khác của <meter> để hiển thị chất lượng nước:

<!DOCTYPE html>
<html>
<body>
  <h2>Mức độ chất lượng nước</h2>
  <p>Mức độ tạp chất <meter min="0" low="50" high="95" max="100" value="85"></meter></p>
  <p>Mức độ TDS <meter min="0" low="20" high="80" max="100" value="60"></meter></p>
</body>
</html>

Giải thích ví dụ

  • Mức độ tạp chất: Giá trị hiện tại 85, ngưỡng thấp 50, ngưỡng cao 95, tối đa 100 → đang ở vùng "cao"
  • Mức độ TDS: Giá trị hiện tại 60, ngưỡng thấp 20, ngưỡng cao 80, tối đa 100 → đang ở vùng "trung bình"

Thuộc tính max là bắt buộc để trình duyệt hiểu được giới hạn trên của thước đo, giúp hiển thị trực quan chính xác.