في هذا الدليل ، سوف نفهم كيفية تعطيل حقل الإدخال باستخدام CSS. لذا ، فلنبدأ!
كيفية تعطيل حقل الإدخال باستخدام CSS؟
في CSS ، يتم تعطيل الأحداث باستخدام ' مؤشر الأحداث ' منشأه. لذلك ، أولاً ، تعرف على خاصية أحداث المؤشر.
ما هي خاصية CSS 'أحداث المؤشر'؟
ال ' مؤشر الأحداث 'يتحكم في كيفية استجابة عناصر HTML أو سلوكها لحدث اللمس ، مثل النقر أو النقر فوق الأحداث ، والحالات النشطة أو حالات التمرير ، وما إذا كان المؤشر مرئيًا أم لا.
بناء الجملة
يتم إعطاء صيغة أحداث المؤشر على النحو التالي:
مؤشر الأحداث : تلقاءي | لا أحد ؛
تأخذ خاصية الإشارة أعلاه قيمتين ، مثل ' تلقاءي ' و ' لا أحد ':
- تلقاءي: يتم استخدامه لأداء الأحداث الافتراضية.
- لا أحد: يتم استخدامه لتعطيل الأحداث.
توجه نحو المثال المعطى.
مثال 1: إضافة حقل إدخال باستخدام CSS
في هذا المثال ، سنقوم أولاً بإنشاء div وإضافة عنوان وحقل إدخال إليه. ثم ، عيّن نوع الإدخال على أنه ' نص 'وتعيين قيمته على أنها' أدخل أسمك '.
لغة البرمجة
< شعبة >< المركز >
< h1 > تعطيل حقل الإدخال < / h1 >
< الإدخال يكتب = 'نص' القيمة = 'أدخل أسمك' >
< / المركز >
< / شعبة >
بعد ذلك ، انتقل إلى CSS وصمم عنصر div من خلال تعيين لون الخلفية على أنه ' RGB (184 ، 146 ، 99) 'والارتفاع كـ' 150 بكسل '.
CSS
شعبة {معرفتي- اللون : rgb ( 184 و 146 و 99 ) ؛
ارتفاع : 150 بكسل ؛
}
يتم إعطاء إخراج الكود الموصوف أعلاه أدناه. هنا ، يمكننا أن نرى أن حقل الإدخال الخاص بنا نشط حاليًا ويقبل الإدخال من المستخدم:
الآن ، انتقل إلى الجزء التالي الذي نستخدم فيه قيمة ' مؤشر الأحداث 'الخاصية كـ' لا أحد '.
مثال 2: تعطيل حقل الإدخال باستخدام CSS
سنستخدم الآن ' الإدخال 'للوصول إلى عنصر المضاف في ملف HTML وتعيين قيمة أحداث المؤشر على أنها' لا أحد ':
الإدخال {مؤشر الأحداث : لا أحد ؛
}
بمجرد تنفيذ الخاصية المذكورة أعلاه ' مؤشر الأحداث ' مع ' لا أحد '، لن يكون نص حقل الإدخال قابلاً للتعديل مما يشير إلى تعطيل حقل الإدخال الخاص بنا:
هذا هو! لقد أوضحنا طريقة تعطيل حقل الإدخال باستخدام CSS.
استنتاج
لتعطيل حقل إدخال في HTML ، فإن ' مؤشر الأحداث 'من CSS. للقيام بذلك ، أضف حقل إدخال ، واضبط قيمة أحداث المؤشر على أنها ' لا أحد 'لتعطيل حقل الإدخال. في هذا الدليل ، نشرح طريقة تعطيل حقل الإدخال باستخدام CSS ونقدم مثالاً على ذلك.