تگ meter در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ meter در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

نمودارهای شکلی همواره به درک بهتر محتوا کمک فراوانی می کنند. در این مطلب با تگ meter در HTML که برای نمایش واحدهای اندازه گیری کاربرد دارد آشنا خواهید شد.

تگ meter چیست؟

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

به عنوان مثال اگر وارد بخش نمایش درایو کامپیوتر شوید نموداری مبنی بر حجم استفاده شده فضای دیسک نمایان می شود.

این تگ با <meter> شروع شده و با </meter> پایان می یابد.

<meter></meter>

صفات تگ meter

در این بخش با صفات تگ meter آشنا خواهید شد.

صفت form

مقدار تگ meter را به فرمی که قرار است به سرور ارسال شود مشخص می کند.

<form method="post" id="formdata">
  <input type="text" name="username">
  <input type="submit" value="ارسال">
</form>

<meter form="formdata" name="newmeter" min="0" low="10" high="90" max="100" value="60"></meter>

صفت high

بیشترین مقدار محدوده را مشخص می کند.

<meter high="Value"></meter>

صفت low

کمترین مقدار محدوده را مشخص می کند.

<meter low="Value"></meter>

صفت max

بیشترین مقدار تگ meter را مشخص می کند.

<meter max="Value"></meter>

صفت min

کمترین مقدار تگ meter را مشخص می کند.

<meter min="Value"></meter>

صفت optimum

مقدار بهینه تگ meter را مشخص می کند.

<meter optimum="Value"></meter>

صفت value

مقدار تگ meter را مشخص می کند.

<meter value="Value"></meter>

مثال تگ meter

کد:

<meter min="0" max="100" value="60"></meter>

اجرا

سازگاری با مرورگرها

تگ meter با مرورگرهای زیر سازگار است:

• گوگل کروم نسخه 6 و بالاتر
• فایرفاکس نسخه 16 و بالاتر
• اج نسخه 18 و بالاتر
• اپرا نسخه 11 و بالاتر
• سافاری نسخه 6 و بالاتر
• گوگل کروم اندروید نسخه 18 و بالاتر
• فایرفاکس اندروید نسخه 16 و بالاتر
• اپرا اندروید نسخه 11 و بالاتر
• سافاری iOS نسخه 10.3 و بالاتر