Thông tin liên hệ
- 036.686.3943
- admin@nguoicodonvn2008.info
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!
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 |
| 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 |
Thẻ <meter> cũng hỗ trợ các thuộc tính Global trong HTML.
Thẻ <meter> cũng hỗ trợ thuộc tính sự kiện trong HTML.
Không có.
Nguồn tin: Quantrimang.com
Ý kiến bạn đọc
Những tin mới hơn
Những tin cũ hơn
Lợi ích khi để Gemini quản lý các ứng dụng Samsung yêu thích của bạn
TOP lựa chọn thay thế ChatGPT Outlook Plugin tốt nhất
Cách nhập Google Slides vào Google Vids tạo video
Sau khi dạy ChatGPT, Claude và Gemini một điều sai sự thật, bạn có thể xóa bỏ không?
Gemini trong Gmail làm được gì? 4 tính năng Gmail AI hữu ích bạn nên biết
TOP công cụ AI tạo báo cáo tốt nhất
Top công cụ AI tạo ảnh miễn phí 2026: Giải pháp đồ họa đỉnh cao không tốn phí
Cách kết nối YouTube API với n8n: Hướng dẫn chi tiết từng bước
Cách chuyển slide thành video Google Vids sẵn kịch bản, lồng tiếng
8 trường hợp sử dụng Claude Fable 5 xứng đáng với chi phí bỏ ra
Cách chọn mô hình Claude phù hợp cho mọi công việc
TOP công cụ AI tạo biểu đồ tốt nhất
Hướng dẫn xây dựng storyboard tạo video AI Google Vids
Hướng dẫn phân tích video Google Drive bằng Gemini
Bí ý tưởng viết status? Tool này sẽ tạo status cực hay chỉ vài giây
Cách dùng Trợ lý email viết email phản hồi chuyên nghiệp
Trợ lý Excel & Sheets AI: Tạo công thức, hàm và sửa lỗi nhanh
TOP công cụ AI phát triển trò chơi điện tử tốt nhất
Hướng dẫn phân tích tài liệu Google Drive bằng Gemini
Tạo file âm thanh tổng quan tài liệu Google Drive