اس تحریر میں درج ذیل موضوعات کا احاطہ کیا جائے گا:
- ٹیکسٹ ان پٹ فیلڈ کو کیسے غیر فعال کریں؟
- سلیکٹ باکس آپشن کو کیسے غیر فعال کریں؟
- چیک باکس ان پٹ عنصر کو کیسے غیر فعال کریں؟
- بٹن ان پٹ عنصر کو کیسے غیر فعال کریں؟
شرط: ایک فارم بنائیں
سب سے پہلے، HTML کا استعمال کرکے ایک فارم بنائیں۔ عنصر:
< فارم >< / فارم >
پھر، ایک شامل کریں ' 'عنصر اور اسے ایک کلاس تفویض کریں' col-12 '
< فیلڈ سیٹ کلاس = 'col-md-12' >
< لیجنڈ طلباء کا رجسٹریشن فارم< / لیجنڈ >
< / فیلڈ سیٹ >
آؤٹ پٹ
ٹیکسٹ ان پٹ فیلڈ کو کیسے غیر فعال کریں؟
جاری مثال کے لیے، دی گئی ہدایات پر عمل کریں:
- کے اندر ' ' عنصر، لیجنڈ عنصر کے بعد، ایک ٹیگ شامل کریں اور اسے ایک کلاس تفویض کریں' فارم گروپ '
- پھر، شامل کریں ' 'اور' بالترتیب کیپشن اور ان پٹ فیلڈز کے لیے عناصر۔ ان پٹ عنصر کو ایک کلاس تفویض کریں ' فارم کنٹرول '
- اس کے بعد، مختص کریں ' معذور ان پٹ فیلڈ کو غیر فعال کرنے کے لیے خصوصیت:
< div کلاس = 'فارم گروپ' >
< لیبل > اپنا درج کریں۔ نام
< ان پٹ قسم = 'متن' کلاس = 'فارم کنٹرول' غیر فعال>
< / لیبل >
< / div >مندرجہ بالا کلاسوں کی وضاحت درج ذیل ہے:
- ' فارم گروپ ” ایک لچکدار کلاس ہے جو فارم میں ساخت کو شامل کرنے کا آسان ترین طریقہ فراہم کرتی ہے۔
- ' فارم کنٹرول ” فارم کے عناصر میں خود بخود اسٹائل شامل کرتا ہے۔
آؤٹ پٹ
' کے بغیر ایک اور ان پٹ فیلڈ شامل کریں معذور ' وصف:
< div کلاس = 'فارم گروپ' >
< لیبل > اپنے والد کو داخل کریں۔ نام
< ان پٹ قسم = 'متن' کلاس = 'فارم کنٹرول' >
< / لیبل >
< / div >یہ دیکھا جا سکتا ہے کہ پہلا ان پٹ فیلڈ غیر فعال ہے اور دوسرا فعال ہے:
سلیکٹ باکس آپشن کو کیسے غیر فعال کریں؟
فارم میں سلیکٹ باکس بنانے کے لیے، HTML کا استعمال کریں۔ <منتخب کریں> ' عنصر. ' <اختیار> ' عناصر کو پھر باکس آئٹمز کو منتخب کرنے میں شامل کیا جاتا ہے۔
اس مثال میں، دیکھیں کہ دوسرا آپشن غیر فعال کے طور پر سیٹ کیا گیا ہے۔ معذور ' وصف:
< div کلاس = 'فارم گروپ' >
< لیبل > معذور باکس کو منتخب کریں۔
< منتخب کریں کلاس = 'فارم کنٹرول' >
< اختیار > منتخب کریں < / اختیار >
< اختیار غیر فعال> معذور منتخب کریں < / اختیار >
< اختیار >مینو< / اختیار >
< / منتخب کریں >
< / لیبل >
< / div >آؤٹ پٹ
چیک باکس ان پٹ عنصر کو کیسے غیر فعال کریں؟
آئیے ایک اور فارم کنٹرول چیک باکس بنائیں۔ چیک باکس کو غیر فعال کرنے کے لیے، ' معذور ' وصف مندرجہ ذیل طور پر بیان کیا گیا ہے:
< div کلاس = 'فارم چیک' >
< لیبل کلاس = 'فارم چیک لیبل' >
< ان پٹ کلاس = 'فارم چیک ان پٹ' قسم = 'چیک باکس' غیر فعال>
آپ کر سکتے ہیں۔ یہ چیک نہ کرو
آؤٹ پٹ
بٹن ان پٹ عنصر کو کیسے غیر فعال کریں؟
آپ فارم جمع کرانے کے لیے HTML بٹن عنصر بھی شامل کر سکتے ہیں۔ اب، آئیے اس بٹن کو 'کا استعمال کرکے غیر فعال کرتے ہیں معذور کلاس:
< بٹن قسم = 'جمع کرائیں' کلاس = 'btn btn-primary btn-lg غیر فعال' >جمع کروائیں< / بٹن >آؤٹ پٹ
یہ سب بوٹسٹریپ میں ان پٹ فیلڈز کو غیر فعال کرنے کے بارے میں تھا۔
نتیجہ
بوٹسٹریپ میں، فارم کنٹرولز کو استعمال کرتے ہوئے غیر فعال کیا جا سکتا ہے۔ معذور 'انتساب یا کلاس۔ انتساب کو عنصر کے ابتدائی ٹیگ کے اندر رکھا جاتا ہے۔ دوسری طرف، ' معذور 'کلاس کو اندر رکھا گیا ہے' کلاس ' وصف. اس مضمون نے مثالیں فراہم کی ہیں کہ بوٹسٹریپ میں فارم کنٹرول کو کیسے غیر فعال کیا جائے۔