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
Cách kết nối ChatGPT với Google Sheets
Sự khác biệt giữa tự động hóa và AI Agent
Prompt xây dựng bài giảng hoàn chỉnh theo GDPT 2018
Xây dựng agent trong Copilot Studio
Jasper vs Copy.ai: Công cụ AI nào tốt hơn?
5 công cụ AI trong Photoshop tuyệt vời cho người mới bắt đầu chỉnh sửa ảnh
Prompt tạo infographic khoa học về các loài động vật hoang dã
Tìm hiểu về Seedream 5.0 Pro: Mô hình xử lý hình ảnh AI của ByteDance với khả năng chỉnh sửa dựa trên layer
Prompt tạo ảnh chân dung phong cách bìa tạp chí nghệ thuật tối giản
ChatGPT, Claude hay Gemini làm tốt hơn khi trợ giúp build PC?
Hướng dẫn dịch nội dung trên Notion AI
15 prompt quản lý công việc bằng Notion AI
Các mô hình AI tốt nhất cho Agentic Workflow năm 2026
Power Automate vs UiPath: Nên chọn công cụ nào?
Tìm hiểu về Muse Spark 1.1: LLM cạnh tranh mới của Meta
Hướng dẫn lựa chọn và xây dựng đề tài SKKN
3 lỗi thường gặp khi sử dụng Claude Code Skills
Hướng dẫn xây dựng công tác chủ nhiệm đầu năm học từ A đến Z
Cấu hình chi tiết và hướng dẫn cho agent trong Copilot Studio
AgentsView là gì?