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
TOP công cụ AI tạo văn bản tốt nhất
Top 4 công cụ AI tìm kiếm local thay thế Perplexity hoàn hảo
Mẹo dùng 4 bước xác minh nguồn tin khi dùng AI Search
Cách đồng bộ dữ liệu giữa ChatGPT và Claude
TOP những dịch vụ thư điện tử tích hợp AI
TOP lựa chọn thay thế Google Flow tốt nhất
TOP công cụ AI thiết kế đồ họa trên trình duyệt web
Hướng dẫn tạo và chia sẻ slide AI trên Gamma
TOP ứng dụng AI chỉnh eo thon gọn đẹp nhất
Cách thay đổi ngôn ngữ trong ChatGPT
TOP công cụ AI pháp luật giúp tra cứu luật và giải đáp pháp lý
Cursor là gì?
Cách đồng bộ ngữ cảnh giữa ChatGPT, Claude, Gemini với ThreadPort
Hướng dẫn dùng Gemini Live chat bằng giọng nói
Hướng dẫn tạo ảnh thời khóa biểu chỉ bằng 1 câu lệnh
TOP công cụ AI cải thiện chất lượng video
Hướng dẫn chỉnh sửa video trong Google Flow
5 lợi ích của Google AI Pro mà nhiều người chưa tận dụng
7 ý tưởng prompt viết bài bằng AI giúp thúc đẩy quy trình sáng tạo nội dung
5 cách sáng tạo để sử dụng LLM