ایچ تی ام ال فرم ویژگی

اس باب میں HTML کا معرف کیتا. <form> ایلئم کا مختلف اگزیکتیو.

Action اپریشن

action اگزیکتیو کا اپریشن فرم کی جیائی کیجائی کا تعریف کیتا.

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

در مثال زیر، جیائی فرم بجای فایل "action_page.php" پاکیج کیجائی. فایل کا نام بجای پرانتز 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 属性

target 属性规定提交表单后在何处显示响应。

target 属性可设置以下值之一：

值 描述
_blank 响应显示在新窗口或选项卡中。
_self ਪ੍ਰਤੀਕਿਰਿਆ ਮੌਜੂਦਾ ਵਿੰਡੋ ਵਿੱਚ ਦਿਖਾਈ ਦੇਵੇਗੀ。
_parent ਪ੍ਰਤੀਕਿਰਿਆ ਮੂਲ ਫਰੇਮ ਵਿੱਚ ਦਿਖਾਈ ਦੇਵੇਗੀ。
_top ਪ੍ਰਤੀਕਿਰਿਆ ਵਿੰਡੋ ਦੇ ਪੂਰੇ body ਵਿੱਚ ਦਿਖਾਈ ਦੇਵੇਗੀ。
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 ਵਿੱਚ ਦਿਖਾਈ ਦੇਵੇਗਾ!)
  • URL ਦੀ ਲੰਬਾਈ ਸੀਮਤ ਹੈ (2048 ਅੱਖਰ)
  • ਉਪਯੋਗਕਰਤਾ ਦੀ ਇੱਛਾ ਨਾਲ ਨਤੀਜੇ ਨੂੰ ਬੁੱਕਮਾਰਕ ਵਿੱਚ ਜੋੜਨ ਲਈ ਫਾਰਮ ਦਾ ਸੰਬੰਧਿਤ ਸੰਮੇਲਨ ਸੰਗਠਨ ਕਰਨ ਵਾਲਾ ਸਭ ਤੋਂ ਵਧੇਰੇ ਉਪਯੋਗ
  • GET ਅਸੁਰੱਖਿਅਤ ਡਾਟਾ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ Google ਵਿੱਚ ਕੁਰਸੀ ਲਾਈਨ

ਬਾਰੇ POST ਦੀਆਂ ਧਿਆਨ ਰੱਖਣ ਦੀਆਂ ਸਿੱਖਿਆਵਾਂ:

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

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

Autocomplete ਵਿਸ਼ੇਸ਼ਤਾ

autocomplete ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਫਾਰਮ ਨੂੰ ਸਵੈਚਾਲਿਤ ਪੂਰਾ ਕਰਨ ਦੇ ਸਮਰੱਥ ਕੀਤਾ ਜਾਵੇਗਾ ਜਾਂ ਨਹੀਂ。

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

实例

ਸਵੈਚਾਲਿਤ ਭਰਨ ਵਾਲੇ ਫਾਰਮ ਨੂੰ ਸ਼ੁਰੂ ਕਰੋ:

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

亲自试一试

Novalidate 属性

novalidate 属性是一个布尔属性。

如果已设置，它规定提交时不应验证表单数据。

实例

未设置 novalidate 属性的表单：

亲自试一试

所有 属性的列表

属性 描述
accept-charset 规定用于表单提交的字符编码。
action 规定提交表单时将表单数据发送到何处。
autocomplete 规定表单是否应打开自动完成（填写）功能。
enctype ਫਾਰਮ ਦਾਤਾ ਨੂੰ ਸੇਵਰ ਨੂੰ ਸੰਮੇਲਨ ਕਰਨ ਦੇ ਸਮੇਂ ਕਿਵੇਂ ਕੋਡੇਡ ਕਰਨਾ ਹੈ (ਸਿਰਫ method="post")
method ਫਾਰਮ ਦਾਤਾ ਨੂੰ ਭੇਜਣ ਦੇ ਸਮੇਂ ਵਰਤਣ ਵਾਲਾ HTTP ਮੱਥੋਦ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
name ਫਾਰਮ ਦਾ ਨਾਮ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
novalidate ਸਬਮਿਟ ਕਰਨ ਦੇ ਸਮੇਂ ਫਾਰਮ ਨੂੰ ਜਾਂਚ ਨਹੀਂ ਕਰਨਾ ਹੈ
rel ਲਿੰਕ ਸੰਸਾਧਨ ਅਤੇ ਮੌਜੂਦਾ ਦਸਤਾਵੇਜ਼ ਦਰਮਿਆਨ ਸਬੰਧ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
target ਫਾਰਮ ਸਬਮਿਟ ਕਰਨ ਦੇ ਬਾਅਦ ਕਿਉਂਕਿ ਪ੍ਰਾਪਤ ਕੀਤੀ ਜਾਂਦੀ ਜਵਾਬ ਦੇਖਣ ਲਈ ਕਿਉਂਕਿ ਦਿਖਾਇਆ ਜਾਵੇ