قالب:حاسبة
هذا القالب مخصص لإنشاء الآلات الحاسبة التفاعلية. يتطلب تفعيل إضافة الحاسبة. يمكنك تفعيلها عبر: التفضيلات > الإضافات > إضافات تحت الاختبار > تمكين العمليات الحسابية التفاعلية على الصفحات باستخدام قالب حاسبة.. تُضاف جميع الصفحات التي تستخدم هذا النظام إلى Category:Pages using gadget Calculator.
يمكنك استخدام هذا القالب عدة مرات في الصفحة لإنشاء أدوات إدخال، حيث يمكن لبعض الأدوات استخدام نتائج أدوات أخرى، تمامًا مثل خلايا جداول البيانات التي تقوم بحسابات تعتمد على نتائج حسابات في خلايا أخرى.
يمكنك استخدام {{Calculator label}} لتحديد النص كعلامة لأداة الحاسبة.
إحصائيات هذا القالب متوفرة على الرابط التالي: graphite.
أمثلة
عدلفيما يلي مثال بسيط لضرب رقمين. نقوم باستخدام قوالب الحاسبة مرتين دون صيغة ليعملا كحقول إدخال. ثم نقوم باستخدام قالب ثالث يحتوي على صيغة لضرب الخليتين الأخريين. يجب ملاحظة أن الصيغ لا تُفعّل إلا بعد تفاعل المستخدم، لذا يجب أن تحتوي جميع الخلايا على قيمة افتراضية تُستخدم كقيمة ابتدائية قبل تفاعل المستخدم.
{{حاسبة|id=a|default=2|size=4}} × {{حاسبة|id=b|default=2|size=4}} = {{حاسبة|id=c|formula=a*b|default=4|type=plain}}
ينتج:
2 × 2 = 4
{{حاسبة|id=km|type=number|size=9|default=1.609344|formula=miles*1.609344}} km = {{حاسبة|id=miles|type=number|size=9|default=1|formula=km/1.609344}} miles
ينتج:
1.609344 km = 1 miles
حاسبة مؤشر كتلة الجسم (النظام المتري)
عدليمكنك وضع الأدوات داخل جدول ويكي.
{| class="wikitable" style="float: left; margin-left:15px;" |+ النظام المتري |- | {{calculator label|الوزن|for=weightkg}} || {{حاسبة|id=weightkg|size=3|default=80}} كغ |- | {{calculator label|الطول|for=heightcm}} || {{حاسبة|id=heightcm|size=3|default=160}} سم |- | مؤشر كتلة الجسم || '''{{حاسبة|id=bmimetric|type=plain|formula=round(weightkg/pow(heightcm/100,2))|default=31|style=min-width:3ch;display:inline-block}} كغ/م<sup>2</sup>''' |}
الوزن | 80 كغ |
الطول | 160 سم |
مؤشر كتلة الجسم | 31 كغ/م2 |
حاسبة مؤشر كتلة الجسم (النظام الإمبراطوري)
عدليمكنك أيضًا وضع الأدوات داخل جدول HTML.
<table class="wikitable"> <tr><td>إمبراطوري</td></tr> <tr><td>الوزن</td><td>{{حاسبة|id=weight|size=3}} رطل</td></tr> <tr><td>الطول</td><td>{{حاسبة|id=heightFeet|size=1}} قدم {{حاسبة|id=heightInches|size=2}} بوصة</td></tr> <tr><td>مؤشر كتلة الجسم</td><td>'''{{حاسبة|id=bmi|type=plain|formula=round(100*weight*703/pow(heightFeet*12+heightInches,2))/100}} كغ/م<sup>2</sup>'''</td></tr> </table>
إمبراطوري | |
الوزن | رطل |
الطول | قدم بوصة |
مؤشر كتلة الجسم | كغ/م2 |
Other
عدلالأزرار
عدلعند الضغط عليها، يقوم {{calculator button}} بتحديث حقل النموذج.
{{calculator button|contents=اضغط علي!|for=buttoncount|formula=buttoncount+1|type=default}} تم الضغط على الزر {{حاسبة|type=plain|default=0|id=buttoncount}} مرات.
تم الضغط على الزر 0 مرات.
التسميات
عدليضيف {{calculator label}}
- تسمية نصية إلى أداة الحاسبة، مما يحسن الوصول إليها
- عند النقر عليها، تعطي التركيز إلى أداة الإدخال، وهذا مفيد بشكل خاص للأدوات الصغيرة
- يحدد/يلغي تحديد الهدف في خانة الاختيار/الخيار.
{{حاسبة|type=checkbox|id=checklabelex}} {{calculator label|label=يرجى النقر على هذه التسمية|for=checklabelex}}
يرجى النقر على هذه التسمية
الصيغة
عدلتستخدم الصيغ بنية الرياضيات العادية، مع كلمات إنجليزية تمثل حقول الإدخال الأخرى. على سبيل المثال، sin(1+foo*2) ستضرب حقل الإدخال "foo" في 2، ثم تضيف 1، وتأخذ الجيب (sine) للنتيجة الكاملة. تُجرى جميع الحسابات باستخدام أرقام النقطة العائمة بدقة مزدوجة وفقاً لـ IEEE 754.
تذكر أن الصيغة تُعاد حسابها فقط عندما يتفاعل المستخدم مع الآلة الحاسبة. قبل أي تفاعل من المستخدم، يتم عرض المعامل "default" في قالب الحاسبة حتى وإن كان مختلفًا عما ستعطيه الصيغة في البداية. لذا يجب عليك تعيين المعامل الافتراضي إلى ما تتوقع أن تكون عليه نتيجة حساب الصيغة.
المشغلات المدعومة
عدلتشمل المشغلات المدعومة: +، -، *، ×، /، ÷، % (النسبة المئوية هي مشغل المودولو). يجب استخدام دالة pow() للرفع للأس.
دوال الرياضيات
عدلتشمل دوال الرياضيات المدعومة: 'abs'، 'acos'، 'acosh'، 'asin'، 'asinh'، 'atan'، 'atan2'، 'atanh'، 'ceil'، 'cos'، 'cosh'، 'exp'، 'floor'، 'hypot'، 'log'، 'log10'، 'log2'، 'max'، 'min'، 'pow'، 'random'، 'sign'، 'sin'، 'sinh'، 'sqrt'، 'tan'، 'tanh'، 'trunc'
تتمتع هذه الدوال بالتعريف نفسه كما في جافا سكريبت. وبشكل خاص، يعني ذلك أن log() هو اللوغاريتم الأساس e. الاستثناء هو دالة round، التي نستخدم تعريفنا الخاص بها.
الوظائف الإضافية
عدلتدعم الأدوات التالية الوظائف الإضافية التي ليست جزءًا من مكتبة الرياضيات في JavaScript:
- and
- الـ "and" المنطقية لجميع المعاملات (يمكن أن تأخذ أكثر من معملين). يعمل هذا العامل بشكل مشابه لـ Lua، ويرجع أول معمل خطأ. استخدم bool() إذا كنت ترغب في الحصول على 1 أو 0.
- bool
- يرجع 0 إذا كانت القيمة قريبة جدًا من 0 أو NaN، وإلا يرجع 1.
- coalesce
- يرجع أول معمل غير NaN.
- ifbetween
- يرجع إما المعامل الرابع أو الخامس اعتمادًا على ما إذا كانت القيمة الأولى بين المعاملين الثاني والثالث. المقارنة ليست ضبابية. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- ifequal
- إذا كانت القيمة الأولى والثانية متطابقتين، مع الأخذ في الاعتبار الأخطاء الناتجة عن الأرقام العائمة. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- iffinite
- إذا كانت القيمة الأولى محدودة (finite) فإرجاع المعامل الثاني، وإلا إرجاع المعامل الثالث. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- ifgreater
- يرجع المعامل الثالث أو الرابع حسب ما إذا كانت القيمة الأولى أكبر من القيمة الثانية. المقارنة ليست دقيقة تمامًا لتغطية أخطاء الأرقام العائمة. استخدم ifpositive() إذا لم ترغب في ذلك. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- ifgreaterorequal
- يرجع المعامل الثالث أو الرابع حسب ما إذا كانت القيمة الأولى أكبر من أو تساوي القيمة الثانية. المقارنة ليست دقيقة تمامًا لتغطية أخطاء الأرقام العائمة. استخدم ifpositive() إذا لم ترغب في ذلك. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- ifless
- يرجع المعامل الثالث أو الرابع حسب ما إذا كانت القيمة الأولى أقل من القيمة الثانية. المقارنة ليست دقيقة تمامًا لتغطية أخطاء الأرقام العائمة. استخدم ifpositive() إذا لم ترغب في ذلك. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- ifnan
- إذا كانت القيمة الأولى ليست رقمًا (NaN)، فإرجاع المعامل الثاني، وإلا إرجاع المعامل الثالث. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- ifpositive
- إذا كانت القيمة الأولى أكبر من أو تساوي 0، فإرجاع المعامل الثاني، وإلا إرجاع المعامل الثالث. يُلاحظ أن هذا لا يأخذ في الاعتبار تقريب الأرقام العائمة. يمكنك استخدام هذا إذا كنت بحاجة إلى تحكم دقيق في المقارنة. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- ifzero
- إذا كانت القيمة الأولى قريبة جدًا من الصفر (epsilon)، فإرجاع المعامل الثاني، وإلا إرجاع المعامل الثالث. المعاملان الأخيران اختياريان ويتم تعيينهما بشكل افتراضي إلى 1 و 0 على التوالي.
- index
- يسمح بمعاملة المتغيرات كـ مصفوفة مع فهرس يتم تقييمه أثناء وقت التشغيل.
index( foo, 2+3 )
هو نفسfoo5
. يجب أن يكون المعامل الأول معرفًا (لا يُسمح باستخدام index() متداخل). يجب أن يقيم المعامل الثاني إلى عدد صحيح أكبر من أو يساوي 0. إذا كانت أي من هذين المعاملين غير صالحين، يتم إرجاع NaN. يتم إرجاع المعامل الثالث إذا كانت المعاملات صحيحة ولكن النتيجة تشير إلى متغير غير موجود. إذا لم يتم تحديده، فإن المعامل الثالث الافتراضي هو NaN.
- jsround
- يستخدم دالة الجافا سكربت round. هذه الدالة تقرب نصف الأعداد نحو اللانهاية الموجبة بدقة 0. راجع توثيق MDN.
- not
- يرجع 1 إذا كانت القيمة قريبة جدًا من 0 أو NaN، وإلا يرجع 0.
- or
- الـ "or" المنطقية لجميع المعاملات (يمكن أن تأخذ أكثر من معملين). يعمل هذا العامل بشكل مشابه لـ Lua، ويرجع أول معمل صحيح. استخدم bool() إذا كنت ترغب في الحصول على 1 أو 0.
- round
- دالة تقريب. على عكس round في الجافا سكربت، هذه الدالة تقوم بالتقريب نصف الأعداد بعيدًا عن الصفر ("التقريب التجاري"). تأخذ معاملًا ثانيًا اختياريًا لتحديد عدد الأرقام العشرية التي سيتم التقريب إليها. على سبيل المثال، round( 3.125, 2 ) = 3.13، و round( -3.125, 2 ) = -3.13.
- xor
- الـ "exclusive or" المنطقية. يمكن أن تأخذ معاملين فقط، وترجع دائمًا 1 أو 0.
- switch
- يتم مقارنة المعامل الأول مع المعامل الثاني، إذا كان ≤ المعامل الثاني، يتم إرجاع المعامل الثالث. وإلا، تتم مقارنة المعامل الأول مع المعامل الرابع، وإذا كان ≤ يتم إرجاع المعامل الخامس، وهكذا. إذا لم يكن ≤ لأي من المعاملات الزوجية، وكان عدد المعاملات زوجيًا، يتم إرجاع آخر معمل، وإلا يتم إرجاع NaN. على سبيل المثال، إذا كانت القيمة foo هي 5، فإن
switch(foo,2,10,4,20,5,30,7,80,-1)
ستُرجع 30.
الأرقام
عدليمكن أن تكون الأرقام:
- أعداد صحيحة
- أعداد عشرية
- تدوين علمي. على سبيل المثال: 1، 2.84543، 3.12E6، -5، 3.45×10⁻⁴⁵
الثوابت المدعومة
عدل- Infinity (اللانهاية)
- -Infinity (اللانهاية السالبة)
- NaN (ليس عددًا)
- pi (باي)
- π (باي)
- EPSILON (إبسيلون الآلة)
Scoping
عدلإذا كانت أدوات الحاسبة موجودة داخل عنصر يحتوي على الفئة calculator-container
، فإن المعرفات (IDs) تكون مخصصة لهذا العنصر فقط. هذا يسمح لك باستخدام نفس المعرفات عدة مرات على نفس الصفحة دون أن تتداخل مع بعضها البعض. إذا كان عنصر التحديد يحتوي على السمة data-calculator-refresh-on-load="true"
، فسيتم تحديث أدوات الحاسبة عند تحميل الصفحة لأول مرة قبل أن يتفاعل المستخدم معها. يُرجى ملاحظة أن التسميات (labels) غير متأثرة بالتحديد وستنتقل على الأرجح إلى العنصر التالي في الوثيقة الذي يحتوي على المعرف الصحيح.
على سبيل المثال:
<div class="calculator-container" data-calculator-refresh-on-load="true"> {{calculator label|scopedfield:}} {{حاسبة|type=text|id=scopedfield|default=3.14}}<br> هذه الصيغة يتم تحديثها قبل تفاعل المستخدم: {{حاسبة|type=plain|formula=scopedfield|default=لا توجد قيمة}} </div> هذه الصيغة لا يتم تحديثها لأنها في نطاق مختلف: {{حاسبة|type=plain|formula=scopedfield|default=لا توجد قيمة}}
يؤدي ذلك إلى ما يلي:
scopedfield: 3.14
هذه الصيغة يتم تحديثها قبل تفاعل المستخدم: لا توجد قيمة
هذه الصيغة لا يتم تحديثها حتى بعد تفاعل المستخدم لأنها في نطاق مختلف: لا توجد قيمة
بدلاً من استخدام فئات CSS مباشرة، يمكنك أيضًا استخدام قالب {{Calculator ifenabled}} مع المعامل scoped.
CSS
عدليمكنك استخدام CSS لتعديل طريقة العرض، إما عبر TemplateStyles أو أنماط مدمجة.
- بالنسبة لخيارات التحديد (checkboxes) وأزرار الاختيار (radio buttons)، يمكنك استخدام محدد الـ:checked الزائف. هذا يمكن أن يكون مفيدًا جدًا عند دمجه مع محددات CSS للأشقاء (~) أو :has().
- يمكنك البحث عن أسماء الفئات calculator-value-true و calculator-value-false. هذا مفيد بشكل خاص مع حقل نوع passthru. راجع {{Calculator-hideifzero}} كمثال.
- يمكنك استهداف خاصية
data-calculator-field-value
. على سبيل المثال، #calculator-field-fieldidhere[calculator-field-scopedfield^="3."] سيختار الحقل إذا كانت قيمته >= 3.0 وأقل من 4.0. - يمكنك استخدام متغيرات CSS لإجراء حسابات أكثر تعقيدًا (فقط في الأنماط المدمجة).
بعض الأمثلة:
تعديل لون الحدود: 30
Codex
عدلمن الممكن جعل الأدوات الصغيرة (Widgets) تتبع نمط MediaWiki (Codex) بدلاً من نمط النظام (OS). يمكنك استخدام معظم الأدوات الصغيرة التي لها نسخة تعتمد على CSS فقط. راجع https://doc.wikimedia.org/codex/latest/components/demos/
العديد من الأدوات الصغيرة بنمط Codex تحتوي على قوالب منفصلة. عند إنشاء تسمية، يحتوي قالب {{Calculator label}} على معلمة لإخراج التسمية بنمط Codex.
القالب | المثال |
---|---|
{{Calculator codex text}} | نص التسميةنص الوصف القصير
42
|
{{Calculator codex radio}} | هذه مجموعة من الخيارات
الخيار الأولنص إضافي يصف الخيار الأول الخيار الثانينص إضافي يصف الخيار الأول الخيار الثالث |
{{Calculator codex checkbox}} | الخيار الأولنص إضافي يصف الخيار الأول |
{{Calculator codex toggle}} | تحويلتينص إضافي يصف التحويلة
|
{{Calculator button}} |
|
راجع صفحات القوالب الفردية للحصول على جميع الخيارات.
البديل
عدلالمستخدمون الذين ليس لديهم الأداة مفعلة في تفضيلاتهم أو الذين لديهم جافا سكريبت معطلة، لن يروا مربعات الإدخال. بدلاً من ذلك، سيرون ببساطة القيمة الافتراضية لكل مربع. مع اختيار جيد للقيمة الافتراضية، يمكن أن يكون هذا كافياً.
على سبيل المثال، إذا كان لديك ''sin({{حاسبة|id=sine|type=text|default=0.5|size=4}}π)={{حاسبة|type=plain|default=1.00|decimals=2|formula=sin(sineπ)|id=sineres}}'' لجعل sin(0.5π)=1.00، سيفقد المستخدم الذي لا يستخدم جافا سكريبت التفاعل، لكنه سيظل يرى المعادلة.
إذا كنت ترغب في بدائل أكثر تطوراً، يمكنك استخدام فئات CSS calculatorgadget-enabled
و calculatorgadget-fallback
.
<div class="calculatorgadget-enabled" style="display:none">سيتم عرض هذا النص فقط إذا كانت الأداة مفعلة. {{حاسبة|type=text|size=20|default=100|id=xyz}} </div> <div class="calculatorgadget-fallback">سيتم عرض هذا النص فقط إذا كانت الأداة معطلة</div>
والتي تنتج:
بدلاً من ذلك، يمكنك استخدام قالب {{Calculator ifenabled}} للقيام بذلك.
عند استخدام هذا القالب، يجب عليك التأكد دائماً من أنه لا يزال يبدو جيداً حتى إذا كانت الأداة غير متوفرة. يجب عليك اختبار ما يبدو عليه الصفحة في معاينة الطباعة، وكذلك مع ?safemode=1 مضافة إلى الرابط (والذي يشبه ما سيراه شخص يستخدم التطبيق المحمول). يمكنك استخدام http://bawolff.net/wiki-nojs.htm لاختبار ما تبدو عليه الصفحة بدون جافا سكريبت تماماً.
وسائط القالب
عدللجميع الأنواع
عدل- id
- معرف هذا الحقل، يجب أن يحتوي على حروف إنجليزية فقط، ويُستخدم في الصيغ لحساب حقول أخرى. يجب أن يكون فريدًا في الصفحة. يمكن حذفه إذا لم يُستخدم الحقل كقيمة في أي صيغة.
- default
- القيمة الابتدائية.
- formula
- الصيغة لحساب هذا الحقل. راجع أعلاه لما هو مدعوم.
- placeholder
- النص الذي يظهر باللون الرمادي الفاتح عندما لا يتم إدخال أي قيمة.
- readonly
- جعل الحقل للقراءة فقط.
- size
- حجم مربع الإدخال (من حيث عدد الأحرف التي يمكن أن تتسع في المربع).
- style
- CSS مخصص لاستخدامه مع العنصر.
- class
- فئة إضافية لإضافتها إلى العنصر.
- class-live
- فئة CSS تُضاف فقط إذا كانت الأداة مفعلة على الصفحة. تُضاف بعد معالجة الأدوات.
- fieldTypes
- نوع الحقل. الأنواع المدعومة حاليًا هي: number، text، plain، radio، checkbox، range، hidden، passthru.
checkbox 1 Wet 0 Big hidden غير مرئي، لا يشغل مساحة. مفيد للنتائج الوسيطة في الصيغ. number 80 passthru لا يتغير مرئيًا ولكن فئة الـ CSS تتغير بناءً على الصيغة لا يفعل شيء بمفرده ولكن يمكن دمجه مع TemplateStyles، راجع {{calculator-hideifzero}} كمثال. plain 2 radio 1 Metric 0 Imperial راجع أيضًا: Calculator_label.
text 160 range 160 160
- يمكن أن تكون الخانات (checkbox)، الحقول المخفية (hidden)، الحقول الممررة (passthru)، وأزرار الاختيار (radio) مفيدة عند استخدامها مع TemplateStyles لإخفاء وعرض الحقول. راجع قالب:Body_roundness_index، قالب:Body roundness index/styles.css وقالب:Calculator-hideifzero لمزيد من الأمثلة. راجع أيضًا قسم #Codex أعلاه لمعرفة كيف يمكن أن تبدو هذه الأنواع من الحقول بشكل مختلف في وضع Codex.
للنوع number و range فقط
عدل- max
- أقصى عدد مسموح به (للنوع number فقط).
- min
- أدنى عدد مسموح به (للنوع number فقط).
- step
- حجم الفاصل الزمني لمدخلات النوع number والنوع range. يمكن أن يكون رقمًا أو القيمة "any".
للنوع radio فقط
عدل- name
- عند استخدام النوع radio، اسم مجموعة الأزرار.
للنوع plain و text فقط
عدل- decimals
- تنسيق الحقل ليكون بهذا العدد من المنازل العشرية. (يعمل فقط مع النوع plain والنوع text).
- exponential-precision
- تنسيق الحقل ليكون بهذا العدد من الأرقام المعنوية في التدوين العلمي. (يعمل فقط مع النوع plain والنوع text).
- NaN-text
- استخدام هذا النص بدلاً من NaN عندما لا يكون الناتج عددًا (يعمل فقط مع النوع plain والنوع text).
- precision
- تنسيق الحقل ليكون بهذا العدد من الأرقام المعنوية. (يعمل فقط مع النوع plain والنوع text).
بيانات القالب
عدلإضافة أداة حاسبة إلى الصفحة. مثل الجدول الإلكتروني، يمكنك الإشارة إلى أدوات أخرى في نفس الصفحة.
وسيط | وصف | نوع | حالة | |
---|---|---|---|---|
id | id | معرف هذا المدخل. يتم استخدامه للإشارة إليه في معادلة القوالب الأخرى | نص | مطلوب |
type | type | نوع صندوق الإدخال
| نص | مطلوب |
formula | formula | المعادلة لحساب هذا الحقل
| نص | مقترح |
class | class | فئات CSS لإضافتها | نص | اختياري |
class-live | class-live | فئة CSS لإضافتها فقط إذا كان الأداة نشطة في الصفحة | نص | اختياري |
decimals | decimals | تنسيق لعدد ثابت من المنازل العشرية [يطبق فقط على type=number أو type=plain]
| رقم | اختياري |
default | default | القيمة الافتراضية لهذا الحقل | نص | مقترح |
exponential-precision | exponential-precision | تنسيق لهذا العدد من الأرقام المعنوية باستخدام التدوين العلمي [يطبق فقط على type=number أو type=plain]
| رقم | اختياري |
max | max | أقصى رقم مسموح به (للنوع number فقط) | رقم | اختياري |
min | min | أدنى رقم مسموح به (للنوع number فقط) | رقم | اختياري |
name | name | للنوع radio، ما هو اسم مجموعة أزرار الراديو | غير معروف | اختياري |
NaN-text | NaN-text | استخدام هذا النص بدلاً من NaN للإشارة إلى "ليس رقمًا". يطبق فقط على format=plain أو format=text. نص عادي فقط؛ لا يدعم wikitext
| نص | اختياري |
placeholder | placeholder | النص الذي يظهر كعنصر نائب عندما لا يكون هناك إدخال | نص | اختياري |
precision | precision | تنسيق لهذا العدد من الأرقام المعنوية باستخدام التدوين العشري ما عدا للأرقام الكبيرة جدًا [يطبق فقط على type=number أو type=plain]
| رقم | اختياري |
readonly | readonly | جعل مربع الإدخال للقراءة فقط ولا يمكن التعديل عليه من قبل المستخدم | بولياني | اختياري |
size | size | حجم مربع الإدخال (عدد الأحرف التي يمكن أن تتسع في المربع) | رقم | اختياري |
step | step | حجم التزايد في مربع الإدخال من النوع type=number
| رقم | اختياري |
style | style | CSS لتنسيق عنصر الإدخال | نص | اختياري |
aria-describedby | aria-describedby | معرف العنصر الذي يصف هذه الأداة (ولكن ليس تسميتها). يستخدم من قبل برامج الوصول. | نص | اختياري |
aria-labelledby | aria-labelledby | معرف السمة التي تمثل تسميات هذا العنصر. عادة يجب استخدام قالب {{calculator label}} بدلاً من ذلك. | نص | اختياري |
aria-label | aria-label | التسمية لهذه الأداة للبرمجيات المعينة للمساعدة في الوصول. عادة يجب استخدام قالب {{calculator label}} بدلاً من ذلك. | نص | اختياري |
enterkeyhint | enterkeyhint | كيف يجب أن يتم تسمية مفتاح الإدخال على لوحة المفاتيح الافتراضية في الهواتف المحمولة
| نص | اختياري |
inputmode | inputmode | ما نوع لوحة المفاتيح الافتراضية التي يجب استخدامها على الهواتف المحمولة. القيم الموصى بها تشمل text (لوحة مفاتيح عادية)، decimal (عدد موجب)، numeric (رقم). القيم الأخرى المدعومة تشمل none (عدم عرض لوحة المفاتيح)، tel، search، email وurl
| نص | اختياري |