Thẻ HTML <meter>
Đị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ó.
310
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Máy tính ngốn bao tiền điện mỗi tháng?
Hôm qua -
Hướng dẫn kích hoạt hoặc vô hiệu hóa bộ lọc SmartScreen trên Windows
Hôm qua -
Cách sử dụng VPN trên trình duyệt Opera
Hôm qua -
Chiêm ngưỡng loạt ảnh vũ trụ ấn tượng từ kính viễn vọng 10 tỷ USD
Hôm qua 1 -
Những câu nói hài hước về tóc, stt về tóc hay và chất
Hôm qua -
Cách lấy lại quyền truy cập ổ cứng, sửa lỗi không mở được ổ cứng
Hôm qua -
Cách kích hoạt bảo mật 2 lớp trên Telegram
Hôm qua -
Cách làm 4 món thịt ngâm mắm tỏi chua ngọt thơm ngon ngày Tết
Hôm qua -
Internet vệ tinh của Musk đến Đông Nam Á, phí thuê bao 1,1 triệu/tháng
Hôm qua -
Hướng dẫn tạo chữ ký Gmail chuyên nghiệp
Hôm qua