اُپن تگ | منابع و محتوای آموزشی برای طراحان وب
بدون نتیجه
نمایش همه نتایج
  • ثبت نام / ورود
  • خانه
  • مقالات
  • مرجع HTML
  • مرجع CSS
اپن تگ
  • خانه
  • مقالات
  • مرجع HTML
  • مرجع CSS
بدون نتیجه
نمایش همه نتایج
بدون نتیجه
نمایش همه نتایج
اپن تگ

خانه › HTML5 › تگ meter در HTML

تگ meter در HTML

HTML <meter> Tag

عناصر مرتبط:
<strong>  <code>  <br>

تگ <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 از این ویژگی پشتیبانی می کنند.

پست قبلی

تگ progress در HTML

پست بعدی

تگ em در HTML

پست بعدی
html-em-tag

تگ em در HTML

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

بنر مرجع html
بنر مرجع css

اُپن تگ

اپن تگ در تلاش است با گردآوری منابع و ارائه محتوای آموزشی در حوزه طراحی وب، راه را برای دسترسی طراحان وب و علاقه‌مندان به آخرین روش‌ها و تکنولوژی‌های این بخش از صنعت توسعه وب هموارتر سازد.

با خبر باشید!

برای اطلاع از مطالب ويژه و دوره های آموزشی جدید در خبرنامه اُپن‌تگ عضو شوید.

  • درباره
  • ارتباط با ما

تمامی حقوق برای اپن تگ محفوظ است. استفاده از مطالب تنها با ذکر منبع مجاز است.

  • ورود
  • ثبت نام
  • سبد خرید
  • خانه
  • مقالات
  • مرجع HTML
  • مرجع CSS

خوش آمدید!

به حساب خود وارد شوید

فراموشی رمز عبور ؟ ثبت نام

ساخت حساب کاربری!

فرم زیر را برای ثبت نام تکمیل نمایید

همه فیلد ها ضروری اند وارد شدن

رمز عبور خود را بازیابی کنید

لطفاً ایمیل یا نام کاربری خود را جهت بازیابی رمز عبور وارد نمایید

وارد شدن