' <اختیار> ٹیگ کا استعمال ایک ایسے آپشن کی وضاحت کے لیے کیا جاتا ہے جسے صارف ڈراپ ڈاؤن مینو سے یا ویب فارمز میں انتخابی فہرستوں سے منتخب کر سکتا ہے۔ ' <اختیار> ٹیگ ڈویلپرز کو آپشنز کا ایک سیٹ بنانے کی اجازت دیتا ہے جہاں سے صارف کوئی بھی آپشن چن سکتا ہے۔ اس کا استعمال مختلف ایپلی کیشنز جیسے سروے، آن لائن شاپنگ سائٹس، رجسٹریشن فارم وغیرہ میں کیا جا رہا ہے۔
یہ مضمون عملی مثالوں کے ساتھ HTML میں آپشن ٹیگ کو ظاہر کرتا ہے:
- آپشن ٹیگ کیا ہے اور اسے HTML میں کیسے استعمال کیا جائے؟
- ڈراپ ڈاؤن لسٹ کی تخلیق
- از خود مکمل فہرست کی تخلیق
آپشن ٹیگ کیا ہے اور اسے HTML میں کیسے استعمال کیا جائے؟
آپشن ٹیگ کو 'کے ساتھ استعمال کیا جا سکتا ہے <منتخب کریں> 'اور' ٹیگز کی صورت میں ' ” ٹیگ، یہ اختیارات کی ایک فہرست بناتا ہے جو براؤزر کے ذریعہ خود بخود مکمل ہو سکتا ہے۔ آئیے 'کے درمیان تعلقات کو بہتر طور پر سمجھنے کے لئے ایک دو مثالوں پر چلتے ہیں' <اختیار> ' کے ساتھ ٹیگ کریں ' <منتخب کریں> 'اور' ٹیگز:
مثال 1: ڈراپ ڈاؤن فہرست کی تخلیق
' <اختیار> 'ٹیگ' کے ساتھ استعمال کیا جاتا ہے <منتخب کریں> ویب صفحہ پر ڈراپ ڈاؤن فہرست بنانے کے لیے ٹیگ کریں۔ ' <اختیار> ” ڈراپ ڈاؤن فہرست میں ہر آپشن/لسٹ آئٹم کو تخلیق کرتا ہے۔ بہتر تفہیم کے لیے آئیے درج ذیل کوڈ کے ٹکڑوں کی پیروی کریں:
< h2 > پروگرامنگ کی زبانیں h2 >
< لیبل کے لیے = 'پروگ ہتھیار' > ایک پروگرامنگ ہتھیار منتخب کریں: لیبل >
< منتخب کریں آئی ڈی = 'پروگ لسٹ' >
< اختیار قدر = '' > ایک آپشن منتخب کریں۔ اختیار >
< اختیار قدر = 'c++' > C++ اختیار >
< اختیار قدر = '.net' > ڈاٹ نیٹ اختیار >
< اختیار قدر = 'nodejs' > نوڈ جے ایس اختیار >
منتخب کریں >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، ' 'ٹیگ کو ڈیٹا کو ظاہر کرنے کے لیے استعمال کیا جاتا ہے اور اسے ' کے ساتھ تفویض کیا جاتا ہے۔ <منتخب کریں> اس کا استعمال کرتے ہوئے ٹیگ کے لیے ' وصف.
- اس کے بعد، ' <منتخب کریں> ” ٹیگ ڈراپ ڈاؤن فہرست کے لیے ماحول بنانے کے لیے استعمال ہوتا ہے۔
- اگلا، ' <اختیار> ” ٹیگ کا استعمال فہرست آئٹمز کو ڈراپ ڈاؤن لسٹ آئٹمز کے طور پر رکھنے کے لیے کیا جاتا ہے۔
ڈراپ ڈاؤن لسٹ کا ڈھانچہ ترتیب دینے کے بعد، اب آئیے کچھ بنیادی اسٹائل لگاتے ہیں:
لیبل {ڈسپلے: بلاک؛
مارجن نیچے: 5px؛
}
منتخب کریں {
پیڈنگ: 5px؛
سرحدی رداس: 5px؛
چوڑائی: 200px؛
}
سی ایس ایس خصوصیات کی وضاحت ذیل میں بیان کی گئی ہے:
- سب سے پہلے، منتخب کریں ' لیبل عنصر اور پھر 'بلاک' اور '5px' کی قدریں CSS پر سیٹ کریں۔ ڈسپلے 'اور' مارجن نیچے خصوصیات
- اگلا، ' منتخب کریں ' عنصر کو منتخب کیا جاتا ہے اور CSS کو '5px'، '5px' اور '200px' کی اقدار فراہم کرتا ہے۔ بھرتی '،' سرحدی رداس 'اور' چوڑائی 'خصوصیات، بالترتیب. ان خصوصیات کو صارف کی مرئیت کو بڑھانے کے لیے استعمال کیا جاتا ہے۔
مندرجہ بالا کوڈ کے ٹکڑوں پر عمل درآمد کے بعد، ویب صفحہ اس طرح نظر آتا ہے:
مندرجہ بالا آؤٹ پٹ سے پتہ چلتا ہے کہ ڈراپ ڈاؤن ' <اختیار> ' کے ساتھ ٹیگ کریں ' <منتخب کریں> 'ٹیگ۔
مثال 2: از خود مکمل فہرست کی تخلیق
' <اختیار> 'ٹیگ' کے ساتھ استعمال کیا جاتا ہے خود کار طریقے سے مکمل فہرست بنانے کے لیے ٹیگ لگائیں۔ اس کے ساتھ استعمال کیا جاتا ہے ' ” ٹیگ جو خودکار مکمل فہرست کے اندر دستیاب اختیارات سے بھر جاتا ہے۔ ایچ ٹی ایم ایل کا استعمال کرتے ہوئے خودکار مکمل فہرست بنانے کا کوڈ نیچے کوڈ کے ٹکڑوں میں دکھایا گیا ہے:
< لیبل کے لیے = 'پروگ ٹولز' > یا قسم ایک پروگرامنگ ٹول: لیبل >< ان پٹ قسم = 'متن' آئی ڈی = 'پروگ ٹولز' فہرست = 'اوزار' >
< ڈیٹا لسٹ آئی ڈی = 'اوزار' >
< اختیار قدر = 'C++' >
< اختیار قدر = 'اسمبلی' >
< اختیار قدر = '. نیٹ' >
< اختیار قدر = 'PHP' >
< اختیار قدر = 'روبی' >
< اختیار قدر = 'تیز رو' >
< اختیار قدر = 'نوڈ جے ایس' >
< اختیار قدر = 'ردعمل' >
< اختیار قدر = 'منگو' >
< اختیار قدر = 'جاوا' >
< اختیار قدر = 'ازگر' >
ڈیٹا لسٹ >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، شامل کریں ' ٹیگ جو متن کو HTML عنصر کے ساتھ دکھاتا ہے۔
- اگلا، استعمال کریں ' ” ٹیگ جو صارف کے ذریعہ دستی طور پر پُر کیا جاتا ہے یا خودکار طور پر مکمل فہرست میں دستیاب اختیارات کے ذریعہ خود بخود بھرا جاسکتا ہے۔
- اس کے بعد، استعمال کریں ' 'ٹیگ کریں اور اسے سیٹ کریں' آئی ڈی 'انتساب کی قدر' کی قدر کے برابر فہرست 'کی صفت' 'ٹیگ۔
- اگلا، استعمال کریں ' <اختیار> خودکار طور پر مکمل فہرست کے لیے ایک آئٹم بنانے کے لیے '
مندرجہ بالا کوڈ کے ٹکڑوں پر عمل درآمد کے بعد، ویب صفحہ اس طرح ظاہر ہوتا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ خودکار مکمل فہرست 'کا استعمال کرکے بنائی گئی ہے۔ <اختیار> 'کے مجموعہ کے ساتھ ٹیگ' 'اور' ٹیگز
نتیجہ
' <اختیار> ” ٹیگ ڈویلپر کو اختیارات کی فہرست کے لیے آپشنز بنانے کی اجازت دیتا ہے، جہاں سے صارف کوئی بھی آپشن چن سکتا ہے۔ یہ '