Home-theater-designers
ویب سائٹ کے صارف سے ڈیٹا اکٹھا کرنا کئی مختلف طریقوں سے کیا جا سکتا ہے۔ ویب سائٹس پر فارم ایک سادہ کام کر سکتے ہیں جیسے صارف کو نیوز لیٹر پر سبسکرائب کرنا ، یا زیادہ پیچیدہ مقصد جیسے نوکری کے درخواست فارم کے طور پر کام کرنا۔
تاہم ، ایک چیز جو ان تمام سادہ سے پیچیدہ شکلوں میں مشترک ہے وہ ہے HTML اور خاص طور پر HTML۔ ٹیگ.
فارم ٹیگ کا استعمال۔
کی ٹیگ ایک ایچ ٹی ایم ایل عنصر ہے جو کنٹینر کے طور پر دوسرے عناصر کو بند کرنے کے لیے استعمال کیا جاتا ہے جسے فارم کے لیے بلڈنگ بلاکس سمجھا جا سکتا ہے۔ ان میں سے کچھ بنیادی عناصر شامل ہیں۔ ٹیگ ، ٹیگ ، اور ٹیگ.
کی ٹیگ کی ایک اہم صفت ہے جو اس کی فعالیت میں معاون ہے۔ اس وصف کو ایکشن کہا جاتا ہے اور اس فائل کی شناخت کے لیے استعمال کیا جاتا ہے جسے فارم میں داخل کیا گیا ڈیٹا منتقل کیا جائے گا۔
ٹیگ مثال کا استعمال کرتے ہوئے۔
مندرجہ بالا مثال سے پتہ چلتا ہے کہ اپنے پروجیکٹس میں فارم ٹیگ کا استعمال کیسے کریں۔ اہم نکات میں سے ایک یہ ہے کہ اگر آپ فارم ٹیگ کھولتے ہیں تو آپ کو اسے بند کرنا یاد رکھنا چاہیے۔ یہ ایک فارم ڈھانچہ بنائے گا اور یہ بھی یقینی بنائے گا کہ فارم میں داخل کردہ ڈیٹا پر صحیح طریقے سے عملدرآمد کیا جائے۔
ٹیگ کا استعمال کرتے ہوئے۔
کی ٹیگ کا استعمال ہر ان پٹ فیلڈ میں ڈیٹا کو ایک شکل میں بیان کرنے کے لیے کیا جاتا ہے۔ اس ٹیگ میں ایک ہے کے لیے وصف ، جو فارم کی فعالیت کو بڑھانے کے لیے استعمال کیا جاتا ہے۔
متعلقہ: اپنے کوڈ کو جانچنے کے لیے بہترین مفت آن لائن ایچ ٹی ایم ایل ایڈیٹرز۔
اگر آئی ڈی جو متعلقہ ان پٹ فیلڈ کو تفویض کی گئی ہے۔ کے لیے میں قدر ٹیگ ، پھر جب آپ لیبل پر کلک کریں گے تو وہ ان پٹ فیلڈ خود بخود نمایاں ہو جائے گا۔
ٹیگ مثال کا استعمال کرتے ہوئے۔
First Name:
اوپر کی مثال میں آپ دیکھ سکتے ہیں کہ کے لیے وصف کو قیمت تفویض کی گئی ہے۔ نام . لہذا ، اگر آپ کے ساتھ ایک ان پٹ فیلڈ بناتے ہیں۔ نام id ، جب بھی آپ اس پر کلک کریں گے اس فیلڈ کو نمایاں کیا جائے گا۔ پہلا نام۔ لیبل
ٹیگ کا استعمال کرتے ہوئے۔
اپنی بنیادی شکل میں ، ٹیگ کو ٹیکسٹ باکس کے طور پر دیکھا جا سکتا ہے۔ کی ٹیگ صارف سے ڈیٹا حاصل کرتا ہے اور اس کی اہم خصوصیات میں سے ایک ہے۔ قسم وصف. کی قسم وصف اس ڈیٹا کی قسم کی نشاندہی کرتا ہے جسے یہ ٹیکسٹ باکس جمع کر سکتا ہے۔
متعلقہ: سی ایس ایس میں اسٹیکڈ فارم بنانے کا طریقہ
کئی مختلف اقدار ہیں جو آپ کو تفویض کر سکتے ہیں۔ قسم وصف ، لیکن کچھ زیادہ مشہور لوگ مندرجہ ذیل ہیں۔
- متن
- نمبر۔
- ای میل۔
- تصویر
- تاریخ
- چیک باکس۔
- ریڈیو۔
- پاس ورڈ
ٹیگ مثال کا استعمال کرتے ہوئے۔
First Name:
کی مندرجہ بالا کوڈ میں ٹیگ کی تین مختلف خصوصیات ہیں جن میں سے ہر ایک کا ایک منفرد کام ہے۔ کی قسم وصف کو ایک ٹیکسٹ ویلیو تفویض کیا گیا ہے جس کا مطلب ہے کہ ٹیکسٹ باکس صرف حروف کو قبول کرے گا۔
کی آئی ڈی وصف ٹیکسٹ باکس کے لیے ایک منفرد شناخت کنندہ ہے ، اور یہ ضروری ہے کیونکہ یہ سی ایس ایس فائل سے اس عنصر تک رسائی فراہم کرتا ہے۔ کی نام وصف بھی ایک منفرد شناخت کنندہ ہے۔ تاہم ، نام کی صفت ترقی کے سرور سائیڈ سے کسی عنصر کے ساتھ تعامل کے لیے استعمال ہوتی ہے۔
کی آئی ڈی اور نام صفات کو عام طور پر ایک ہی قدر تفویض کی جاتی ہے جیسا کہ ایک کلائنٹ سائیڈ سے عنصر تک رسائی فراہم کرتا ہے اور دوسرا سرور سائیڈ سے۔
چیک باکس عنصر کا استعمال کرتے ہوئے۔
چیک باکس عنصر دوسرے عناصر کے مقابلے میں بہت انوکھا ہے جسے آپ کے ساتھ استعمال کرسکتے ہیں۔ ٹیگ. یہ صارف کو متعلقہ انتخاب کی فہرست میں سے ایک یا زیادہ اختیارات منتخب کرنے کی اجازت دیتا ہے۔ چیک بکس آسانی سے پہچان لیے جاتے ہیں کیونکہ ان کی نمائندگی چھوٹے مربع خانوں سے ہوتی ہے جن میں منتخب ہونے پر چیک ہوتا ہے۔
چیک باکس عنصر مثال کا استعمال کرتے ہوئے۔
Programming Languages:
Java
JavaScript
Python
مندرجہ بالا مثال میں ، چیک باکس کے عناصر میں سے ہر ایک کی وصف ہے ، اور یہ اہم ہے کیونکہ یہ ہر چیک باکس آپشن کو کلیکشن سے ممتاز کرنے میں مدد کرتا ہے۔ لہذا ، اگر کوئی صارف مندرجہ بالا اختیارات میں سے 'جاوا' کو منتخب کرتا ہے ، تو ڈیٹا اس کی عکاسی کرے گا۔
ٹیگ اور ریڈیو عناصر کا استعمال۔
کی ٹیگ اور ریڈیو عناصر اس لحاظ سے ایک جیسے ہیں کہ وہ صرف ایک صارف کو ایک وقت میں ایک قیمت منتخب کرنے کی اجازت دیتے ہیں۔ لہذا ، کوئی کہہ سکتا ہے کہ ان کا ایک ہی کام ہے۔ تاہم ، وہ ظاہری شکل میں بہت مختلف ہیں۔
ریڈیو عنصر ظاہری شکل میں چیک باکس عنصر کے قریب ہوتا ہے ، تاہم ، ریڈیو عنصر کے ساتھ آپ کے پاس چوکوں کے بجائے دائرے ہوتے ہیں۔
کی ٹیگ تیار کرتا ہے جو بنیادی طور پر ایک ڈراپ ڈاؤن باکس ہوتا ہے ، جو صارف کو ایک ہی قیمت منتخب کرنے کی اجازت دیتا ہے۔
ٹیگ اور ریڈیو عنصر کی مثال کا استعمال۔
Sex:
Male
Female
Other
Positions Available:
value='Junior Developer'> Junior Developer
value='Mid-level Developer'> Mid-level Developer
value='Senior Developer'> Senior Developer
تاریخ عنصر کا استعمال کرتے ہوئے۔
تاریخ کا عنصر ایک چھوٹا ٹیکسٹ باکس تیار کرتا ہے جو کلک کرنے پر کیلنڈر تیار کرتا ہے۔ استعمال کرتے ہوئے۔ تاریخ آپ کے فارم میں ایک ان پٹ ٹائپ کے طور پر کسی صارف کے خلاف ممکنہ طور پر غلط تاریخ داخل کرنے کے خلاف حفاظت کرتا ہے ، جو ممکنہ طور پر غلط ڈیٹا اکٹھا کرنے کا باعث بن سکتا ہے۔
تاریخ عنصر کی مثال کا استعمال کرتے ہوئے۔
ای میل اور پاس ورڈ عنصر کا استعمال
جب کوئی ڈویلپر یا تو ای میل یا پاس ورڈ کی اقدار کو ٹائپ وصف کو تفویض کرتا ہے۔ ٹیگ ، وہ ہر ایک یکساں ٹیکسٹ باکس تیار کرتے ہیں۔ تاہم ، جب آپ ان خانوں کا استعمال شروع کرتے ہیں تو اختلافات واضح ہو جاتے ہیں۔
ای میل عنصر ٹیکسٹ باکس میں درج ڈیٹا کی نگرانی کرتا ہے اور اس بات کو یقینی بناتا ہے کہ ہر جمع کرانے والے ای میل ایڈریس کی معیاری ضرورت کو پورا کرتا ہے۔ جس کا مطلب ہے کہ مقامی حصہ ہونا ، اس کے بعد @ علامت ، اور ڈومین کے ساتھ ختم ہونا۔
ای میل عنصر کی مثال کا استعمال کرتے ہوئے۔
اوپر دی گئی مثال میں آپ کو ایک نئی صفت سے متعارف کرایا جاتا ہے جسے کہتے ہیں۔ پلیس ہولڈر ، اور یہ وصف ایک ٹیکسٹ ویلیو لیتا ہے جو ٹیکسٹ باکس میں فیڈ گرے میں ڈسپلے ہوتا ہے۔ یہ متن اس ڈیٹا کو ظاہر کرنے کے لیے استعمال کیا جاتا ہے جو ٹیکسٹ باکس میں رکھا جانا ہے جیسا کہ اوپر کی مثال میں دیکھا گیا ہے۔
پاس ورڈ عنصر حروف کو ستاروں میں بدل دیتا ہے کیونکہ وہ ٹیکسٹ باکس میں داخل ہوتے ہیں۔ لہذا ، اگر آپ کے کمپیوٹر کی سکرین دوسرے لوگوں کو نظر آتی ہے تو وہ آپ کا داخل کردہ پاس ورڈ نہیں دیکھیں گے۔
پاس ورڈ عنصر مثال کا استعمال کرتے ہوئے
بٹن ٹیگ کا استعمال۔
ایک شکل میں ، عام طور پر دو مختلف قسم کے بٹن ہوتے ہیں۔ سب سے پہلے جمع کرانے کا بٹن ہے ، جو فارم میں داخل کردہ ڈیٹا کو ایکشن وصف (جو کہ میں واقع ہے < فارم> ٹیگ).
بٹن کی مثال جمع کروائیں۔
Submit
دوسری قسم کا بٹن جو عام طور پر کسی فارم میں استعمال ہوتا ہے وہ ایک ری سیٹ بٹن ہے ، جو ڈیٹا کو کسی فارم میں صاف کرتا ہے تاکہ صارف تازہ ڈیٹا داخل کر سکے۔ کی ٹیگ میں ہے a قسم وصف ، جو بٹن کے فنکشن کی نشاندہی کے لیے استعمال ہوتا ہے۔ اوپر کی مثال میں قسم وصف قدر کو تفویض کرنا ہے۔ جمع کرائیں لہذا ، ایک بٹن جس میں a قسم کی قدر ری سیٹ فارم کو ری سیٹ کرنے کے لیے استعمال کیا جاتا ہے۔
ری سیٹ بٹن کی مثال۔
Reset
ایک فارم بنانا۔
ایچ ٹی ایم ایل میں ایک سادہ فارم بنانے کے لیے آپ کو مذکورہ بالا تمام عناصر کو ایک میں شامل کرنے کی ضرورت ہوگی۔ ٹیگ.
فارم کی مثال بنانا
Forms
First Name:
Last Name:
Date of birth:
Age:
Gender:
Male
Female
Other
Email Address:
Positions Available:
value='Junior Developer'> Junior Developer
value='Mid-level Developer'> Mid-level Developer
value='Senior Developer'> Senior Developer
Programming Languages:
Java
JavaScript
Python
Password:
Confirm Password:
Submit
Reset
مندرجہ بالا کوڈ مندرجہ ذیل فارم تیار کرے گا:
مفت ہارر مووی ڈاؤن لوڈ کیے بغیر آن لائن۔
اب آپ HTML میں ایک سادہ فارم بنا سکتے ہیں۔
یہ مضمون آپ کو ایک فعال HTML فارم بنانے کے لیے تمام ٹولز مہیا کرتا ہے۔ یہ مختلف ایچ ٹی ایم ایل ٹیگز کی شناخت کرتا ہے جو فارم بنانے میں استعمال ہوتے ہیں اور مختلف خصوصیات کو دریافت کرتے ہیں جو ان ٹیگز کے ساتھ استعمال کیے جا سکتے ہیں۔
تاہم ، زیادہ تر فارم جو آپ ویب سائٹس پر دیکھتے ہیں ان میں ایک اضافی جزو ہوتا ہے۔ سی ایس ایس ، جو فارم کو زندہ کرنے اور اسے زیادہ جمالیاتی طور پر خوش کرنے کے لیے استعمال کیا جاتا ہے۔
بانٹیں بانٹیں ٹویٹ ای میل۔ ضروری CSS3 پراپرٹیز چیٹ شیٹ۔ہماری CSS3 پراپرٹیز چیٹ شیٹ کے ساتھ ضروری CSS نحو پر عبور حاصل کریں۔
اگلا پڑھیں۔ متعلقہ موضوعات۔- پروگرامنگ۔
- ایچ ٹی ایم ایل
- ویب سازی
- کوڈنگ ٹیوٹوریل
کدیشا کین ایک مکمل اسٹیک سافٹ ویئر ڈویلپر اور ٹیکنیکل/ٹیکنالوجی رائٹر ہیں۔ وہ کچھ انتہائی پیچیدہ تکنیکی تصورات کو آسان بنانے کی الگ صلاحیت رکھتی ہے۔ ایسا مواد تیار کرنا جسے کسی بھی ٹیکنالوجی کے نوآموز آسانی سے سمجھ سکیں۔ وہ لکھنے ، دلچسپ سافٹ ویئر تیار کرنے ، اور دنیا کا سفر کرنے کے بارے میں پرجوش ہے (دستاویزی فلموں کے ذریعے)
Kadeisha Kean سے مزیدہماری نیوز لیٹر کو سبسکرائب کریں
ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!
سبسکرائب کرنے کے لیے یہاں کلک کریں۔