HTML <meter> Tag
تگ <meter>
در HTML یک واحد اندازه گیری را بر اساس محدوده مشخص شده تعریف می کند.
مثال:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style> body { direction: rtl; font-family: "segoe ui"; } </style> </head> <body> <label for="battery">باطری %69:</label> <meter id="battery" min="0" max="100" low="15" high="60" optimum="70" value="69"> </meter><br /> <label for="battery">باطری %13:</label> <meter id="battery" min="0" max="100" low="15" high="60" optimum="70" value="13"> </meter><br /> <label for="battery">باطری %33:</label> <meter id="battery" min="0" max="100" low="15" high="60" optimum="70" value="33"> </meter> </body> </html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
صفتها (Attributes)
value
مقدار عددی، که مقدار فعلی را نشان می دهد. این مقدار باید بین مقادیر صفات min
و max
قرار داشته باشد.
min
پایین ترین مقدار در محدوده را مشخص می کند. مقدار پیشفرض آن 0
می باشد.
max
بیشترین مقدار در محدوده را مشخص می کند. مقدار پیشفرض آن 1
می باشد.
low
مقدار کمینه در محدوده را مشخص می کند.
hight
مقدار بیشینه در محدوده را مشخص می کند.
optimum
مقدار بهینه در محدوده را مشخص می کند.
پشتیبانی مرورگرها
تمام مرورگرها بجز Internet Explorer و Android webview از این ویژگی پشتیبانی می کنند.