ایچ تی ام ال فرم خصوصیات

اس باب میں HTML دی کی تعریف دیندی ہوئی آئی: <form> عناصر کی مختلف کیاتیاں.

Action کیاتی

action کیات کی تعریف کرو، جب فرم تایید دیندا، کیا کار کیتا ویندا.

معمولاً، جب کاربر "تکمیل" دکم رو دکم میکندا، داٹا فرم سرور پر فایل بجائی ارسال دیندا.

در مثال زیر، داٹا فرم بجائی ارسال دیندا به فایل "action_page.php"، جو سکریپت سرور سائیڈ میکندا:

مثال

فرم کی بندی بعد از تایید، داٹا فرم کو "action_page.php" بجائی ارسال دیندا:

<form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

آپ خود کا تجربہ کریں

ਸੁਝਾਅ:اگر action کیاتی نویسند، action رو بجای کیانگجی امتحان میکنن.

Target 属性

ٹارگٹ 属性规定提交表单后在何处显示响应。

ٹارگٹ ਪ੍ਰਤੀਭਾਵ ਨੂੰ ਹੇਠ ਲਿਖੇ ਮੁੱਲਾਂ ਵਿੱਚ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਮੁੱਲ وصف
_blank ਪ੍ਰਤੀਭਾਵ ਨਵੀਂ ਵਿੰਡੋ ਜਾਂ ਟੈਬ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。
_self ਪ੍ਰਤੀਭਾਵ ਮੌਜੂਦਾ ਵਿੰਡੋ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。
_parent ਪ੍ਰਤੀਭਾਵ ਮੂਲ ਫਰੇਮ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。
_top ਪ੍ਰਤੀਭਾਵ ਨਾਮ ਵਾਲੇ iframe ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。
framename ਪ੍ਰਤੀਭਾਵ ਨਾਮ ਵਾਲੇ iframe ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。

ਮੂਲਤਬੀ ਮੁੱਲ: _selfਇਹ ਮਤਲਬ ਹੈ ਕਿ ਪ੍ਰਤੀਭਾਵ ਖੁੱਲ੍ਹੇਗਾ ਮੌਜੂਦਾ ਵਿੰਡੋ ਵਿੱਚ。

مثال

ਇੱਥੇ, ਸੰਬੇਦਨ ਦਾ ਨਤੀਜਾ ਨਵੀਂ ਬਰਾਉਜ਼ਰ ਟੈਬ ਵਿੱਚ ਖੋਲ੍ਹਿਆ ਜਾਵੇਗਾ:

<form action="/action_page.php" target="_blank">

آپ خود کا تجربہ کریں

Method ਪ੍ਰਤੀਭਾਵ

method ਪ੍ਰਤੀਭਾਵ ਨਾਲ ਫਾਰਮ ਡਾਟਾ ਸੰਬੇਦਨ ਦੇ ਉਪਯੋਗ ਵਿੱਚ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ HTTP ਮੱਥਦ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਫਾਰਮ ਡਾਟਾ ਨੂੰ URL ਵਿੱਚ ਪਰਿਵਰਤਕ (ਵਰਤੋਂ ਵਿੱਚ) method="get"ਜਾਂ ਹੋਰ ਰੂਪ ਵਿੱਚ HTTP post ਲੈਣਾ (ਵਰਤੋਂ ਵਿੱਚ) method="post"ਭੇਜੋ。

ਫਾਰਮ ਡਾਟਾ ਸੰਬੇਦਨ ਵਿੱਚ ਮੂਲਤਬੀ HTTP ਮੱਥਦ ਹੈ GET。

مثال

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ, ਫਾਰਮ ਡਾਟਾ ਸੰਬੇਦਨ ਵਿੱਚ GET ਮੱਥਦ ਦਾ ਉਪਯੋਗ ਕੀਤਾ ਗਿਆ ਹੈ:

<form action="/action_page.php" method="get">

آپ خود کا تجربہ کریں

مثال

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ, ਫਾਰਮ ਡਾਟਾ ਸੰਬੇਦਨ ਵਿੱਚ POST ਮੱਥਦ ਦਾ ਉਪਯੋਗ ਕੀਤਾ ਗਿਆ ਹੈ:

<form action="/action_page.php" method="post">

آپ خود کا تجربہ کریں

ਬਾਰੇ GET ਦੇ ਧਿਆਨ:

  • ਫਾਰਮ ਡਾਟਾ ਨੂੰ URL ਵਿੱਚ ਨਾਮ/ਮੁੱਲ ਜੋੜੇ ਵਿੱਚ ਜੋੜੋ
  • ਕਦੇ ਵੀ GET ਨਾਲ ਸੰਵੇਦਨਸ਼ੀਲ ਡਾਟਾ ਭੇਜੋ ਨਹੀਂ! (ਸੰਬੇਦਨ ਦਾ ਫਾਰਮ ਡਾਟਾ ਯੂਰਲ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ!)
  • URL ਦੀ ਲੰਬਾਈ ਸੀਮਾ ਵਿੱਚ ਹੈ (2048 ਅੱਖਰ)
  • ਉਪਯੋਗਕਰਤਾ ਦੇ ਮਿਸ਼ਨ ਨੂੰ ਬੁੱਕਮਾਰਕ ਦੇ ਕਰਨ ਲਈ ਫਾਰਮ ਸੰਬੇਦਨ ਵਿੱਚ ਬਹੁਤ ਉਪਯੋਗੀ
  • GET ਅਸੁਰੱਖਿਅਤ ਡਾਟਾ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ Google ਵਿੱਚ ਕੁਰਸੀਵਰ ਲਈ

ਬਾਰੇ POST ਦੇ ਧਿਆਨ:

  • ਫਾਰਮ ਡਾਟਾ ਨੂੰ HTTP ਰਿਕਾਰਡ ਮੁੱਢ ਵਿੱਚ ਜੋੜੋ (ਸੰਬੇਦਨ ਦਾ ਫਾਰਮ ਡਾਟਾ ਯੂਰਲ ਵਿੱਚ ਨਾ ਦਿਖਾਇਆ ਜਾਵੇਗਾ)
  • POST ਨੂੰ ਕੋਈ ਅਕਾਰ ਸੀਮਾ ਨਹੀਂ ਹੈ, ਇਸ ਨੂੰ ਵੱਡੇ ਅਕਾਰ ਦੇ ਡਾਟਾ ਭੇਜਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。
  • POST ਨਾਲ ਫਾਰਮ ਸੰਬੇਦਨ ਨੂੰ ਬੁੱਕਮਾਰਕ ਕਰਨ ਵਿੱਚ ਅਸਮਰੱਥ

ਸੁਝਾਅ:ਜੇਕਰ ਫਾਰਮ ਦਾ ਡਾਟਾ ਸੰਵੇਦਨਸ਼ੀਲ ਜਾਂ ਪਰਸੋਨਲ ਜਾਣਕਾਰੀ ਹੈ, ਤਾਂ ਹੁਣੇ ਹੁਣੇ POST ਦਾ ਉਪਯੋਗ ਕਰੋ!

Autocomplete ਪ੍ਰਤੀਭਾਵ

autocomplete ਇਸ ਪ੍ਰਤੀਭਾਵ ਨਾਲ ਫਾਰਮ ਨੂੰ ਸਵੈਚਾਲਿਤ ਪੂਰਣ ਫੰਕਸ਼ਨ ਚਾਲੂ ਕਰਨ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਨਹੀਂ。

ਸਵੈਚਾਲਿਤ ਪੂਰਣ ਫੰਕਸ਼ਨ ਚਾਲੂ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਬਰਾਉਜ਼ਰ ਮਿਸ਼ਨ ਦੀਆਂ ਪਹਿਲੀਆਂ ਇਨਪੁਟਾਂ ਦੇ ਅਧਾਰ 'ਤੇ ਮੁੱਲ ਸਵੈਚਾਲਿਤ ਤੌਰ 'ਤੇ ਭਰੇਗਾ。

مثال

ਸਵੈਚਾਲਿਤ ਭਰਨ ਲਈ ਫਾਰਮ ਚਾਲੂ ਕਰੋ:

<form action="/action_page.php" autocomplete="on">

آپ خود کا تجربہ کریں

Novalidate عوامل

novalidate عوامل ایک بولین عوامل ہیں

اگر قائم کیا گیا ہے تو، فرم کا اعدادوشمار ارسال کے وقت فرم کا اعدادوشمار جانچ نہ کریں

مثال

novalidate عوامل نہیں سٹ کیا گیا فرم:

<form action="/action_page.php" novalidate>

آپ خود کا تجربہ کریں

<form> کی تمام عوامل کی فہرست

عوامل وصف
accept-charset فرم ارسال کے وقت استعمال کئی کالجی کی تعین کریں
action فرم ارسال کے وقت فرم کا اعدادوشمار کس طرح ارسال کئی جائے، کہا جائے
autocomplete فرم کا اعدادوشمار ارسال کے وقت آٹوکمپلیٹ (مل پورا کرنا) کی سہولت کی تعین کریں
enctype فرم کا اعدادوشمار ارسال کے وقت کس طرح کا کد بنایا جائے، اس کا معاملہ method="post" کو محدود کرنا ہے
method فرم کا اعدادوشمار ارسال کے وقت استعمال کئی ہیروتی کی تعین کریں
name فرم کا نام کریں
novalidate فرم ارسال کے وقت فرم کے اعدادوشمار کو جانچ نہ کریں
rel لنک کی منبع اور موجودہ ڈاکومن کے درمیان تعلقات کی تعین کریں۔
ٹارگٹ فرم ارسال کے بعد وہاں جہاں جواب نکالنا ہوگا کی تعین کریں۔