تگ meter در HTML
از تگ meter در HTML برای اندازه گیری داده ها در یک محدوده مشخص استفاده می کنیم.
مثال
در مثال زیر با استفاده از تگ meter فضای ذخیره سازی درایو ها را اندازه گیری کرده ایم:
<label for="disk_c">فضای استفاده شده C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>
<label for="disk_d">فضای استفاده شده D:</label>
<meter id="disk_d" value="0.6">60%</meter>تعریف و کاربرد
همانطور که در مثال بالا مشاهده کردید از تگ meter در HTML برای اندازه گیری داده ها در یک رنج یا محدوده مشخص استفاده میکنیم ، مثلاً برای محاسبه و نمایش اندازه میزان حافظه مصرفی هارد دیسک ها و…
تگ meter را با عنصر <progress> اشتباه نگیرید ، هیچ وقت برای نشان دادن نوار پیشرفت از تگ <meter> استفاده نکنید ، برای ساخت نوار پیشرفت از عنصر <progress> استفاده کنید.
نکته: همیشه از تگ <lable> برای دسترسی آسان تر به عنصر meter استفاده کنید.
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.
| عنصر | |||||
|---|---|---|---|---|---|
<meter> | 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| form | form_id | مشخص می کند که عنصر <meter> متعلق به کدام فرم باشد |
| high | number | بالاترین مقدار از محدوده را مشخص می کند |
| low | number | پایین ترین مقدار از محدوده را مشخص می کند |
| max | number | حداکثر مقدار دامنه را مشخص می کند |
| min | number | حداقل مقدار دامنه را مشخص می کند ، مقدار پیش فرض 0 است |
| optimum | number | مشخص می کند که مقدار مطلوب برای اندازه گیری چه مقدار است |
| value | number | مقدار فعلی اندازه را مشخص می کند ( ضروری ) |
خواص عمومی
تگ meter از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ meter از رویداد های عمومی در HTML پشتیبانی میکند.
پست های مرتبط
ارسال یک نظر
برای نوشتن دیدگاه باید وارد بشوید.