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
Hướng dẫn thiết kế hoạt động STEM nhanh chóng
Hướng dẫn tạo bài tập, bài kiểm tra trên Alayna AI
999+ cap hay về thứ 7, stt thứ 7 vui vẻ, chào thứ 7
Mình yêu nhau xong rồi
Tìm hiểu về giao diện của Claude Cowork
Làm việc với file trong Claude Cowork
Cách tạo và sử dụng Avatar AI trên YouTube
Các connector và tích hợp trong Claude Cowork
Hướng dẫn lồng tiếng bằng AI trong Google Vids
Cách tạo các video mô phỏng và mô hình tương tác trực tiếp trong ứng dụng Gemini
Mẹo, thủ thuật và cách khắc phục sự cố trong Claude Cowork
Mẹo sử dụng ChatGPT phát hiện đường link lừa đảo
Cách tắt Gemini trong Gmail, Google Photos và Chrome nhanh nhất
Hướng dẫn sử dụng Cursor Composer
Các lệnh cốt lõi trong Claude Code
Quản lý ngữ cảnh trong Claude Code
Hướng dẫn xóa logo trong video AI trên Magic Eraser
Mẹo nhận biết văn bản do AI tạo ra
Hướng dẫn tạo ảnh anime AI trên PixAI
Không bao giờ là trễ nếu bạn còn có cơ hội để sửa chữa sai lầm