يعد حقل إدخال الرقم أحد أكثر عناصر النموذج ملاءمة لإدخال القيم الرقمية. ومع ذلك ، في بعض الأحيان يكون من الضروري إزالة الأسهم التي تسمح لك بزيادة أو تقليل القيمة باستخدام الماوس أو لوحة المفاتيح. في هذه المقالة ، سنلقي نظرة على عدة طرق يمكنك من خلالها إزالة هذه الأسهم.
الطريقة الأولى هي استخدام السمة للقراءة فقط. من خلال تعيين هذه السمة لحقل الإدخال ، سنحظر تحريرها باستخدام لوحة المفاتيح. ومع ذلك ، سيظل المستخدم قادرا على تغيير القيمة باستخدام الأسهم الموجودة على لوحة المفاتيح. لإزالة الأسهم بالكامل ، سنحتاج إلى رمز كس إضافي.
"'أتش تي أم أل
«`
الطريقة الثانية هي استخدام السمة إنبوتمود مع قيمة "رقمية". وبالتالي ، سنشير للمتصفح إلى أن حقل الإدخال مخصص لإدخال القيم الرقمية. ومع ذلك ، لا يتم اعتماد هذه الطريقة من قبل جميع المتصفحات ، لذلك فمن المستحسن استخدامه في تركيبة مع أنماط كس.
الطريقة الثالثة هي استخدام خاصية مظهر كس مع قيمة "حقل النص". تتيح لك هذه الخاصية تغيير مظهر عناصر النموذج ، وفي هذه الحالة نقوم بتعيين نوع حقل النص لحقل الإدخال. وبالتالي ، سيبدو حقل الإدخال كحقل نصي عادي مع القدرة على إدخال القيم الرقمية فقط.
"'أتش تي أم أل
«`
- طرق إزالة الأسهم في حقل رقم نوع الإدخال
- باستخدام أنماط كس
- باستخدام شفرة جافا سكريبت
طرق إزالة الأسهم في حقل رقم نوع الإدخال
تسمح الأسهم الموجودة في حقل إدخال نوع الرقم للمستخدمين بزيادة أو تقليل القيمة في الحقل باستخدام الأزرار المضمنة. ومع ذلك ، في بعض الحالات ، قد يرغب المطورون في إزالة هذه الأسهم حتى لا يتمكن المستخدم من تغيير قيمة حقل الإدخال باستخدام الأزرار.
هناك عدة طرق لإزالة الأسهم في حقل إدخال نوع الرقم:
- باستخدام السمة "للقراءة فقط"
- باستخدام السمة "معطل"
- باستخدام خاصية كس " المظهر: لا شيء؛"
تعني إضافة السمة "للقراءة فقط" إلى حقل الإدخال أنه لا يمكن قراءة القيمة الموجودة في الحقل إلا ، ولكن لا يمكن تغييرها. لن يتمكن المستخدم من زيادة أو تقليل قيمة الحقل باستخدام الأسهم ، ولكن سيتمكن من إدخال القيمة يدويا.
إذا قمت بإضافة السمة" معطل " إلى حقل إدخال ، فسيتم حظره ولن يتمكن المستخدم من إدخال قيمة الحقل أو تحديدها أو تغييرها. سيتم أيضا تعطيل الأسهم.
باستخدام خاصية كس" المظهر: لا شيء ؛ " ، يمكنك إزالة عرض السهم القياسي. تتيح لك هذه الخاصية إخفاء عناصر التحكم المادية بصريا.
يعتمد اختيار الطريقة على متطلبات وأهداف مشروعك. يوصى باستخدام السمة" للقراءة فقط "أو" معطل " إذا كنت تريد منع المستخدم من تحرير قيمة حقل الإدخال. إذا كنت ترغب فقط في إخفاء الأسهم ، ولكن ترك خيار الإدخال ، يمكنك استخدام الخاصية كس "المظهر: لا شيء؛".
باستخدام أنماط كس
لإزالة الأسهم في حقل إدخال نوع "الرقم" ، يمكننا استخدام خاصية كس" المظهر "وتعيين قيمتها إلى"لا شيء".
نموذج التعليمات البرمجية:
في هذا المثال ، وضعنا الخاصية" المظهر "إلى" لا شيء " للداخلية (::-بكت-الداخلية-غزل-زر) والخارجية (::-بكت-الخارجي-غزل-زر) الأسهم في المتصفحات المستندة إلى ويبكيت (على سبيل المثال ، كروم وسفاري).
ومع ذلك ، بالنسبة لفايرفوكس ، تحتاج إلى تعيين خاصية" المظهر "إلى" حقل النص "لحقل إدخال نوع" الرقم " لإخفاء الأسهم.
تجدر الإشارة إلى أن هذا الحل يعتمد على استخدام المتصفح وقد لا يعمل في جميع المواقف ، لذلك من المهم اختباره على منصات ومتصفحات مختلفة.
باستخدام أنماط كس ، يمكننا تغيير مظهر وتصميم العناصر على صفحتنا ، بما في ذلك حقول الإدخال من نوع "الرقم".
باستخدام شفرة جافا سكريبت
يمكنك استخدام شفرة جافا سكريبت التي ستساعد في جعل حقل الإدخال أكثر سهولة في الاستخدام وملاءمة. يتم توفير مثال على هذا الرمز أدناه:
فار الإدخال = وثيقة . كيريسيليكتور ("الإدخال [نوع= 'عدد']");
إدخال.أديفنتليستينر ("كيدون" ، وظيفة (الحدث) {
إذا (حدث.مفتاح = = ="السهم"