یہ مضمون ایک عملی مثال کی مدد سے HTML ریڈیو بٹن بنانے میں آپ کی رہنمائی کرے گا۔
ایچ ٹی ایم ایل میں ریڈیو بٹن کیسے شامل کریں؟
ایچ ٹی ایم ایل میں ریڈیو بٹن شامل کرنے کے لیے، ذیل میں دیے گئے نحو کی پیروی کریں:
< ان پٹ قسم = 'ریڈیو' نام = '' قدر = '' >
بیان کردہ نحو کی تفصیل یہ ہے:
- ' قسم ”: یہ وصف بتاتا ہے کہ آپ کس قسم کا ان پٹ بنانا چاہتے ہیں جیسے کہ ٹیکسٹ، ریڈیو، چیک باکس اور مزید۔ ریڈیو بٹن بنانے کے لیے، انتساب کی قدر کو 'ریڈیو' کے طور پر سیٹ کیا جانا چاہیے۔
- ' نام ”: یہ ان پٹ عنصر کے نام کی وضاحت کرتا ہے۔ یہ وصف ریڈیو بٹنوں کی فہرست کے لیے یکساں ہونا چاہیے۔
- ' قدر ”: یہ اس قدر کی وضاحت کرتا ہے جو سرور کو بھیجی جائے گی جب ریڈیو بٹن کو بطور نشان نشان زد کیا جائے گا۔
مثال: HTML میں ریڈیو بٹن شامل کرنا
یہ مثال ان پٹ ریڈیو بٹن کا استعمال کرتے ہوئے HTML میں ریڈیو بٹن کو شامل کرنے کے طریقہ کار پر بحث کرے گی۔ میں
مرحلہ 1: HTML فائل بنانا
پہلے، HTML فائل میں
تخلیق شدہ
- سب سے پہلے، شامل کریں ' صفحہ کو سرخی دینے کے لیے ٹیگ کریں۔
- پھر، ایک ' ایک پیراگراف یا ٹیکسٹ لائن کے لیے ٹیگ۔
- اس کے بعد، ان پٹ ٹیگ کو ایک وصف کے ساتھ شامل کیا جاتا ہے ' قسم 'قدر ہونا' ریڈیو '، نام منتخب کے طور پر سیٹ کیا گیا ہے، اور ' قدر 'جیسے' سرخ ' ایک ہی نام رکھنے والے ہر ریڈیو بٹن کو مختلف قدریں دی جاتی ہیں۔ ایک ہی نام ایک ہی گروپ یا فہرست کی نمائندگی کرتا ہے۔
- اگر آپ ایک ایسا بٹن شامل کرنا چاہتے ہیں جو بطور ڈیفالٹ نشان زد ہو، تو پھر خصوصیت تفویض کریں “ چیک کیا 'اس بٹن پر۔
- آخر میں، ' ہر ریڈیو بٹن پر ” عنصر کیپشن شامل کرنے کے لیے استعمال کیا جاتا ہے۔ یہ بہتر رسائی بھی فراہم کرتا ہے۔
مندرجہ بالا کوڈ مندرجہ بالا منظر نامے کی تشریح ہے:
< h1 > ایچ ٹی ایم ایل ریڈیو بٹن h1 >< ص > آپ کا پسندیدہ رنگ کون سا ہے؟ ص >
< ان پٹ قسم = 'ریڈیو' نام = 'منتخب رنگ' قدر = 'سرخ' چیک کیا >
< لیبل کے لیے = 'ریڈیو 1' > سرخ لیبل >
< بی آر >
< ان پٹ قسم = 'ریڈیو' نام = 'منتخب رنگ' قدر = 'نیلے' >
< لیبل کے لیے = 'ریڈیو 1' > نیلا لیبل >
< بی آر >
< ان پٹ قسم = 'ریڈیو' نام = 'منتخب رنگ' قدر = 'سبز' >
< لیبل کے لیے = 'ریڈیو 1' > سبز لیبل >
< بی آر >
< ان پٹ قسم = 'ریڈیو' نام = 'منتخب رنگ' قدر = 'جامنی' >
< لیبل کے لیے = 'ریڈیو 1' > جامنی لیبل >
< بی آر >
< ان پٹ قسم = 'ریڈیو' نام = 'منتخب رنگ' قدر = 'دوسرے' >
< لیبل کے لیے = 'ریڈیو 1' > دوسرے لیبل >
یہ دیکھا جا سکتا ہے کہ ریڈیو بٹن کامیابی سے بنائے گئے ہیں:
آپ نیچے دیے گئے CSS کوڈ پر عمل کر کے اوپر بنائے گئے ریڈیو بٹن پر بھی سٹائل لگا سکتے ہیں۔
مرحلہ 2: HTML پر انداز کا اطلاق کرنا
' div ” اس div ٹیگ کی نشاندہی کرتا ہے جسے ہم نے HTML فائل میں بنایا ہے:
- سب سے پہلے، ' پس منظر کا رنگ 'پراپرٹی سیٹ کی گئی ہے' #8197f0 '
- ' سرحد 'پراپرٹی سیٹ کی گئی ہے' 5px ڈاٹڈ #13023a ”، جہاں 5px بارڈر کی چوڑائی کو ظاہر کرتا ہے، ڈاٹڈ لائن کی قسم کی نشاندہی کرتا ہے، اور اگلا بارڈر کے رنگ کی نشاندہی کرتا ہے۔
- ' بھرتی 'کے طور پر مقرر کیا گیا ہے' 20px 100px جہاں 20px اوپر اور نیچے سے پیڈنگ کی وضاحت کرتا ہے اور 100px بائیں اور دائیں سے پیڈنگ کی نشاندہی کرتا ہے۔
- فونٹ اسٹائل کے لیے، تفویض کریں ' فونٹ فیملی ' جائیداد کی قیمت بطور ' لعنت کرنے والا '
سی ایس ایس
div {پس منظر کا رنگ: #8197f0;
بارڈر: 5px ڈاٹڈ #13023a;
پیڈنگ: 20px 100px؛
فونٹ سائز: 20px؛
font-family: cursive;
}
یہ دیکھا جاسکتا ہے کہ div عنصر کو کامیابی کے ساتھ اسٹائل کیا گیا ہے:
یہی ہے! ہم نے HTML ریڈیو بٹن کے بارے میں تفصیل سے بتایا ہے۔
نتیجہ
ریڈیو بٹن ایک ان پٹ ہے جو ہمیشہ دو یا زیادہ اختیارات کے گروپوں میں ظاہر ہوتا ہے۔ اس گروپ سے، صارف صرف ایک آپشن منتخب کر سکتا ہے۔ ایچ ٹی ایم ایل میں، 'کا استعمال کرتے ہوئے ایک ریڈیو بٹن بنایا جا سکتا ہے۔ ' قدر کے ساتھ انتساب کی قسم کا ٹیگ ' ریڈیو ' اس بلاگ نے HTML میں ریڈیو بٹن شامل کرنے کا طریقہ دکھایا۔