این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ meter در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ meter در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Meter در HTML
تگ meter تگی است که با استفاده از آن میتوان یک محدوده اندازه گیری بصورت عددی یا هم خودمونی همون گیج ( Gauge ) را با استفاده از یکسری مقادیر با اندازه مشخص ایجاد کرد.
یک نمونه خیلی واضح بخوایم از این تگ بیان کنیم ، نمایش ظرفیت درایورها یا دیسک ها و یا بطور کلی فضاهای ذخیره سازی می باشد که با استفاده از این تگ میتوان میزان فضای استفاده شده و میزان فضای استفاده نشده را به نمایش درآورد.
مثال : ( مثلا من ظرفیت درایوهامو در اینجا به نمایش گذاشتم )
C:
Free-Learn
مثال از تگ meter در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 |
<body> <p>1: <meter min="0" max="100" low="20" high="90" value="95"></meter></p> <p>2: <meter min="0" max="100" low="20" high="90" value="50"></meter></p> <p>3: <meter min="0" max="100" low="20" high="90" value="19"></meter></p> </body> |
مثال شماره ۲ : استفاده از تگ label برای مشخص کردن عنوان
|
1 2 3 4 5 6 |
<body> <label for="Disk_C">Disk Usage C :</label> <meter id="Disk_C" min="0" max="10" value="4"></meter> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ meter در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ meter در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| form | form_id | مشخص میکند که مقدار تگ meter در هنگام ارسال فرم بسمت سرور متعلق به کدام فرم می باشد |
| high | number | بیشترین مقدار محدوده تگ meter |
| low | number | کمترین مقدار محدوده تگ meter |
| max | number | بیشترین مقدار تگ meter |
| min | number | کمترین مقدار تگ meter |
| optimum | number | یک مقدار نرمال / مطلوب را مشخص میکند |
| value | number | مقدار تگ meter را مشخص میکند |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ meter از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- اگه میخواهید یک نوار یا میله ی پیشرفت برای نمایش میزان پیشرفت پروژه تان ایجاد نمایید باید از تگ progress استفاده نمایید.
