HTML Tutorial
HTML Tutorial

HTML - Forms


HTML فارمز اس وقت ضروری ہوتے ہیں جب آپ سائٹ وزیٹر سے کچھ ڈیٹا جمع کرنا چاہتے ہیں۔ مثال کے طور پر، یوزر رجسٹریشن کے دوران آپ نام، ای میل ایڈریس، کریڈٹ کارڈ، وغیرہ جمع کرنا چاہیے۔

ایک فارم سائٹ وزیٹر سے ان پٹ کو لے گا اور پھر اسے یکم سائیڈ ایپلیکیشن جیسے سی جی آئی، اے ایس پی اسکرپٹ یا پی ایچ پی اسکرپٹ وغیرہ پر بھیجے گا۔ بیک اینڈ ایپلیکیشن آپس میں ڈیفائنڈ بزنس لاجک کے مطابق مندرجہ ذیل ڈیٹا پر مطلوب عمل کریں گے۔

ٹیکسٹ فیلڈز، ٹیکسٹ ایریا فیلڈز، ڈراپ ڈاؤن مینوز، ریڈیو بٹنز، چیک باکسز، وغیرہ جیسی مختلف فارم ایلیمنٹس دستیاب ہیں۔

HTML <form> ٹیگ کو ایک HTML فارم بنانے کے لئے استعمال کیا جاتا ہے اور اس کا مندرجہ ذیل ہوتا ہے

<form action = "Script URL" method = "GET|POST">
   فارم ایلیمنٹس جیسے انپٹ، ٹیکسٹ ایریا وغیرہ
</form>

فارم ایٹریبیوٹس

عام ایٹریبیوٹس کے علاوہ، زیادہ تر استعمال ہونے والے فارم ایٹریبیوٹس کی فہرست مندرجہ ذیل ہے۔

سیر نمبر ایٹریبیوٹ اور وضاحت
1

action

آپ کے گزرے ہوئے ڈیٹا کو پروسیس کرنے کے لئے بیک اینڈ اینڈ ایپلیکیشن۔

2

method

ڈیٹا اپلوڈ کرنے کے لئے استعمال ہونے والی میتھڈ۔ سب سے زیادہ استعمال ہ ونے والے متھڈز ہیں:

  • GET - ڈیٹا کو URL کے ذریعے بھیجتا ہے۔
  • POST - ڈیٹا کو HTTP پوسٹ کے ذریعے بھیجتا ہے (فارم ڈیٹا برقی ہوتا ہے)۔
3

target

فارم ڈیٹا کو بھیجنے کا ٹارگٹ، مثال کے طور پر، نیا ونڈو یا فریم۔

4

enctype

فارم ڈیٹا کو سرور کو بھیجتے وقت استعمال ہونے والی اینکوڈنگ۔

5

autocomplete

اٹوکمپلیٹ ڈروپ ڈاؤن کو چالو یا بند کرنے کے لئے۔

6

novalidate

فارم ڈیٹا کو سرور بھیجتے وقت HTML5 ویلیڈیشن کو چالو یا بند کرنے کے لئے۔

ٹیکسٹ فیلڈس

ٹیکسٹ فیلڈز ایک ہی لائن میں ٹیکسٹ ڈالنے کے لئے ہوتے ہیں اور یہ مندرجہ ذیل ٹیگز کے ساتھ استعمال ہوتے ہیں

<input type = "text" name = "username" value = "Mickey">

ایک ایکشن کے بغیر، یہ فارم فارم کو خود ہی گزرے گا۔

<form action = "Script URL" method = "GET|POST">
   <input type = "text" name = "username" value = "Mickey">
</form>

یہ فارم کے اندر ہو گا اور جب یہ سبمٹ ہو گا تو اسے ایک اینڈ اینڈ ایپلیکیشن کے لئے بھیجا جائے گا۔

ٹیکسٹ ایریا فیلڈز

ٹیکسٹ ایریا فیلڈز ایک سے زیادہ لائنوں میں ٹیکسٹ ڈالنے کے لئے ہوتے ہیں اور یہ مندرجہ ذیل ٹیگ کے ساتھ استعمال ہوتے ہیں۔

<textarea name = "message" rows = "10" cols = "30">Enter text here...</textarea>

ٹیکسٹ ایریا کا ٹیکسٹ اندر ٹیگ کے بیچ ہو گا اور اب ملکر یہ شکل اختیار کرے گا

<form action = "Script URL" method = "GET|POST">
   <textarea name = "message" rows = "10" cols = "30">Enter text here...</textarea>
</form>

ریڈیو بٹنز

ریڈیو بٹنز کو چیک کرنے کے لئے یا ایک ہی سے زیادہ چیک کرنے کے لئے استعمال کیا جاتا ہے اور یہ مندرجہ ذیل ٹیگز کے ساتھ استعمال ہوتے ہیں

<input type = "radio" name = "gender" value = "male"> Male
<input type = "radio" name = "gender" value = "female"> Female

یہ فارم کا حصہ ہے اور جب آپ سبمٹ بٹن کو دباتے ہیں تو فارم ڈیٹا اینڈ اینڈ ایپلیکیشن کے لئے بھیجا جاتا ہے۔