تگ meter در HTML

  /  فرانت اند   /  HTML   /  تگ 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.013.016.06.011.5

خواص

خاصیتمقدارتوضیحات
formform_idمشخص می کند که عنصر <meter> متعلق به کدام فرم باشد
highnumberبالاترین مقدار از محدوده را مشخص می کند
lownumberپایین ترین مقدار از محدوده را مشخص می کند
maxnumberحداکثر مقدار دامنه را مشخص می کند
minnumberحداقل مقدار دامنه را مشخص می کند ، مقدار پیش فرض 0 است
optimumnumberمشخص می کند که مقدار مطلوب برای اندازه گیری چه مقدار است
valuenumberمقدار فعلی اندازه را مشخص می کند ( ضروری )

خواص عمومی

تگ meter از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ meter از رویداد های عمومی در HTML پشتیبانی میکند.

5/5 - (1 امتیاز)

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر