Thẻ HTML

Thứ hai - 24/04/2023 00:53

Định nghĩa và cách sử dụng thẻ <meter>

Thẻ <meter> xác định phép đo vô hướng trong phạm vi đã biết hoặc giá trị phân số, chẳng hạn như mức sử dụng ổ đĩa, mức độ liên quan của kết quả truy vấn, v.v..., còn được gọi là gauge. Ví dụ sau sử dụng phần tử <meter> để hiển thị giá trị vô hướng trong một phạm vi nhất định (gauge):

<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>

<label for="disk_d">Disk usage D:</label>
<meter id="disk_d" value="0.6">60%</meter>

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

Mẹo: Luôn thêm thẻ <label> để có các phương pháp tiếp cận tốt nhất!

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.

Phần tử
<meter>
Google Chrome MS Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5

Các thuộc tính

Thuộc tính Giá trị Mô tả
form form_id Chỉ định phần tử <meter> thuộc về dạng nào
high number Chỉ định phạm vi được coi là giá trị cao
low number Chỉ định phạm vi được coi là giá trị thấp
max number Chỉ định giá trị tối đa của phạm vi
min number Chỉ định giá trị tối thiểu của phạm vi. Giá trị mặc định là 0
optimum number Chỉ định giá trị nào là giá trị tối ưu cho gauge
value number Bắt buộc. Chỉ định giá trị hiện tại của gauge

Thuộc tính Global

Thẻ <meter> cũng hỗ trợ các thuộc tính Global trong HTML.

Thuộc tính sự kiện

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

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

Không có.

 

Nguồn tin: Quantrimang.com

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

  Ý kiến bạn đọc

THỐNG KÊ TRUY CẬP
  • Đang truy cập33
  • Máy chủ tìm kiếm8
  • Khách viếng thăm25
  • Hôm nay14,252
  • Tháng hiện tại159,868
  • Tổng lượt truy cập9,865,720
QUẢNG CÁO
Phan Thanh Phú
Quảng cáo 2
Liên kết site
Đăng nhập Thành viên
Hãy đăng nhập thành viên để trải nghiệm đầy đủ các tiện ích trên site
Thăm dò ý kiến

Bạn thấy Website cần cải tiến những gì?

Lịch Âm dương
Máy tính
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây