Thẻ <meter> HTML

Định nghĩa và cách sử dụng

<meter> Thẻ định nghĩa giá trị đo lường véc tơ trong phạm vi biết trước hoặc giá trị phần trăm. Cũng được gọi là công cụ (gauge).

ví dụ: trạng thái sử dụng đĩa, tính liên quan của kết quả truy vấn...

Lưu ý:không nên sử dụng <meter> thẻ để biểu thị tiến trình (ví dụ: thanh tiến trình). Đối với thanh tiến trình, hãy sử dụng Thẻ <progress>.

Lưu ý:Luôn sử dụng Thẻ <label>để đạt được thực hành khả năng truy cập tốt nhất!

Xin xem thêm:

Hướng dẫn HTML DOM:Đối tượng Meter

Mô hình

Sử dụng phần tử meter để hiển thị giá trị véc tơ trong phạm vi đã cho (công cụ):

<label for="disk_c">Trạng thái sử dụng đĩa C：</label>
<meter id="disk_c" value="2" min="0" max="10">Một phần mười hai</meter><br>
<label for="disk_d">Trạng thái sử dụng đĩa D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Thử trực tiếp

Thuộc tính

Thuộc tính Giá trị Mô tả
biểu mẫu id biểu mẫu Định nghĩa phần tử <meter> thuộc biểu mẫu nào.
high Số Định nghĩa giá trị cao nhất của phạm vi.
thấp Số Định nghĩa giá trị thấp nhất của phạm vi.
cao Số Định nghĩa giá trị lớn nhất của phạm vi.
thấp Số Định nghĩa giá trị nhỏ nhất của phạm vi. Giá trị mặc định là 0.
optimum Số Định nghĩa giá trị tốt nhất của công cụ.
giá trị Số Bắt buộc. Định nghĩa giá trị hiện tại của công cụ.

Giải thích

Phần tử meter hiển thị một trong tất cả các giá trị có thể trong phạm vi.thấp và cao Thuộc tính đặt ranh giới của giá trị có thể nằm trong phạm vi, chúng có thể được biểu diễn bằng số thập phân. Hiển thị của phần tử meter có thể được chia thành ba phần: thấp, cao và tốt nhất.thấp Cài đặt thuộc tính một giá trị, tất cả các giá trị dưới nó được coi là thấp hơn;high Thuộc tính thiết lập một giá trị, tất cả các giá trị trên nó đều được coi là quá cao;optimum Thuộc tính xác định giá trị tốt nhất.

Thuộc tính toàn cục

<meter> Thẻ cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<meter> Thẻ cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Không có.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thẻ này.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5