سی ایس ایس کا استعمال کرتے ہوئے ان پٹ فیلڈ کو کیسے غیر فعال کیا جائے؟

ان پٹ فیلڈ کا استعمال فارم بنانے اور صارف سے ان پٹ لینے کے لیے کیا جاتا ہے۔ صارف ان پٹ کی قسم کے مطابق ان پٹ فیلڈ کو بھر سکتے ہیں۔ لیکن بعض اوقات، آپ کو کسی بھی پیشگی شرط کو پورا کرنے کے لیے ان پٹ فیلڈ کو غیر فعال کرنا ہوگا، جیسے کہ چیک باکس کا انتخاب کرنا۔ اس صورت حال میں، آپ کو ان پٹ فیلڈ کو غیر فعال کرنے کی ضرورت ہے۔

اس گائیڈ میں، ہم CSS کا استعمال کرتے ہوئے ان پٹ فیلڈ کو غیر فعال کرنے کے بارے میں سمجھیں گے۔ تو، آئیے شروع کریں!

سی ایس ایس کا استعمال کرتے ہوئے ان پٹ فیلڈ کو کیسے غیر فعال کیا جائے؟

سی ایس ایس میں، واقعات کو استعمال کرکے غیر فعال کر دیا جاتا ہے ' پوائنٹر واقعات ' جائیداد. تو، سب سے پہلے، پوائنٹر-ایونٹس پراپرٹی کے بارے میں جانیں۔

'پوائنٹر ایونٹس' سی ایس ایس پراپرٹی کیا ہے؟

' پوائنٹر واقعات ” کنٹرول کریں کہ HTML عناصر کس طرح ٹچ ایونٹ کا جواب دیتے ہیں یا برتاؤ کرتے ہیں، جیسے کہ کلک یا ٹیپ ایونٹس، فعال یا ہوور اسٹیٹس، اور آیا کرسر دکھائی دے رہا ہے یا نہیں۔

نحو
پوائنٹر ایونٹس کا نحو درج ذیل دیا گیا ہے:

پوائنٹر واقعات : آٹو | کوئی نہیں ;

مذکورہ پراپرٹی دو قدریں لیتی ہے، جیسے ' آٹو 'اور' کوئی نہیں ”:

آٹو: یہ پہلے سے طے شدہ واقعات کو انجام دینے کے لیے استعمال ہوتا ہے۔
کوئی نہیں: یہ واقعات کو غیر فعال کرنے کے لیے استعمال کیا جاتا ہے۔

دی گئی مثال کی طرف بڑھیں۔

مثال 1: CSS کا استعمال کرتے ہوئے ایک ان پٹ فیلڈ شامل کرنا

اس مثال میں، سب سے پہلے، ہم ایک div بنائیں گے اور اس میں ایک سرخی اور ان پٹ فیلڈ شامل کریں گے۔ پھر، ان پٹ کی قسم کو 'کے طور پر سیٹ کریں متن 'اور اس کی قدر مقرر کریں' اپنا نام درج کریں '

ایچ ٹی ایم ایل

< div >
< مرکز >
< h1 > ایک ان پٹ فیلڈ کو غیر فعال کریں۔ < / h1 >
< ان پٹ قسم = 'متن' قدر = 'اپنا نام درج کریں' >
< / مرکز >
< / div >

اس کے بعد، CSS پر جائیں اور div کو اس کے پس منظر کا رنگ ' کے طور پر ترتیب دے کر اسٹائل کریں۔ rgb(184, 146, 99) 'اور اونچائی کے طور پر' 150px '

سی ایس ایس

div {
پس منظر- رنگ : rgb ( 184 , 146 , 99 ) ;
اونچائی : 150px;
}

اوپر بیان کردہ کوڈ کا آؤٹ پٹ نیچے دیا گیا ہے۔ یہاں، ہم دیکھ سکتے ہیں کہ ہمارا ان پٹ فیلڈ فی الحال فعال ہے اور صارف سے ان پٹ کو قبول کر رہا ہے:

اب، اگلے حصے پر جائیں جس میں ہم 'کی قدر استعمال کرتے ہیں۔ پوائنٹر واقعات 'جائیداد کے طور پر' کوئی نہیں '

مثال 2: سی ایس ایس کا استعمال کرتے ہوئے ان پٹ فیلڈ کو غیر فعال کرنا

اب ہم استعمال کریں گے ' ان پٹ HTML فائل میں شامل کردہ عنصر تک رسائی حاصل کرنے اور پوائنٹر-ایونٹس کی قدر کو بطور سیٹ کریں۔ کوئی نہیں ”:

ان پٹ {
پوائنٹر واقعات : کوئی نہیں ;
}

ایک بار جب آپ اوپر بیان کردہ پراپرٹی کو نافذ کرتے ہیں ' پوائنٹر واقعات 'کے ساتھ' کوئی نہیں ” ویلیو، ان پٹ فیلڈ کا متن ناقابل تدوین ہوگا جو اس بات کی نشاندہی کرتا ہے کہ ہمارا ان پٹ فیلڈ غیر فعال ہے:

یہی ہے! ہم نے CSS کا استعمال کرتے ہوئے ان پٹ فیلڈ کو غیر فعال کرنے کا طریقہ بتایا ہے۔

نتیجہ

HTML میں ان پٹ فیلڈ کو غیر فعال کرنے کے لیے، ' پوائنٹر واقعات سی ایس ایس کی خاصیت استعمال ہوتی ہے۔ ایسا کرنے کے لیے، ایک ان پٹ فیلڈ شامل کریں، اور پوائنٹر-ایونٹس کی قدر کو 'کے طور پر سیٹ کریں۔ کوئی نہیں 'ان پٹ فیلڈ کو غیر فعال کرنے کے لئے۔ اس گائیڈ میں، ہم CSS کا استعمال کرتے ہوئے ان پٹ فیلڈ کو غیر فعال کرنے کے طریقہ کی وضاحت کرتے ہیں اور اس کی ایک مثال فراہم کرتے ہیں۔

سی ایس ایس کا استعمال کرتے ہوئے ان پٹ فیلڈ کو کیسے غیر فعال کیا جائے؟