Thuộc tính tối đa của HTML <meter>

Thuộc tính max của phần tử được sử dụng để đặt giới hạn trên cho . Tuy nhiên, phần tử được sử dụng để đo dữ liệu với phạm vi cho trước như mức tạp chất của nước và nó được đặt bằng thuộc tính min và max.

Cú pháp

Sau đây là cú pháp -

<meter max="num">

Số ở trên là một số ở dạng dấu phẩy động đặt thuộc tính max của phần tử .

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính max của phần tử -

<!DOCTYPE html>
<html>
<body>
<h2>Water Levels</h2>
<p>Impurity Level <meter min="0" low="50" high="95" max="100" value="85"></meter></p>
<p>TDS Level <meter min="0" low="20" high="80" max="100" value="60"></meter></p>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính tối đa của HTML meter

Trong ví dụ trên, chúng tôi đã hiển thị đồng hồ đo mực nước bằng cách sử dụng . Đối với giá trị lớn nhất của đồng hồ, chúng tôi đã sử dụng thuộc tính max -

TDS Level <meter min="0" low="20" high="80" max="100" value="60"></meter>