HTML meter Tag

HTML meter Tag – يحدد الوسم <meter> قيمة عددية ضمن نطاق معروف أو قيمة كسرية. (يُعرف أيضًا باسم المقياس gauge).

HTML meter Tag

مثال للتوضيح

شغل إيدك

كيفية استخدم الوسم <meter> لقياس البيانات ضمن نطاق معين:

Mobile charging: 90%
Laptop charging: 70%

<label for="mobile_charge">Mobile charging:</label>
<meter id="mobile_charge" min="0" max="100" value="90">90%</meter>
<br>
<label for="laptop_charge">Laptop charging:</label>
<meter id="laptop_charge" value="0.7">70%</meter>

Mobile charging: 90%
Laptop charging: 70%

يفضل دائمًا إستخدام الوسم <label> مع الوسم <meter>.

لا تخلط بين الوسم <meter> والوسم <progress> (يستخدم لأشرطة التقدم).

السمات المحددة – Specific Attributes

السمات الخاصة للوسم <meter>:

السمة	القيمة	الوصف
value	number	يحدد القيمة الرقمية الحالية للمقياس.
min	number	يحدد الحد الأدنى لقيمة النطاق range. القيمة الافتراضية هي 0.
max	number	يحدد الحد الأقصى لقيمة النطاق range.
low	number	يحدد النطاق الذي يعتبر ذا قيمة منخفضة (أو الحد الرقمي العلوي للنهاية المنخفضة للنطاق المقاس).
high	number	يحدد النطاق الذي يعتبر ذا قيمة عالية (أو الحد الرقمي الأدنى للنهاية العليا للنطاق المقاس).
optimum	number	يحدد القيمة المثلى للمقياس.
form	form-id	يحدد الشكل الذي ينتمي إليه الوسم <meter>.