HTML <form> ਟੈਗ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

<form> ਇਹ ਟੈਗ ਯੂਜ਼ਰ ਇਨਪੁਟ ਲਈ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਰਮ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

<form> ਇਲੈਕਟ੍ਰੌਨਿਕ ਫਾਰਮ ਵਿੱਚ ਇੱਕ ਜਾਂ ਕਈ ਫਾਰਮ ਇਲੈਕਟ੍ਰੌਨਸ

ਇਹ ਵੀ ਦੇਖੋ:

HTML ਟਿਊਟੋਰੀਅਲ:HTML ਫਾਰਮ ਅਤੇ ਇਨਪੁਟ

HTML DOM ਮੈਨੂੰਕਮਾਨਿਕਰਣਫਾਰਮ ਆਬਜੈਕਟ

CSS ਟਿਊਟੋਰੀਅਲ: ਫਾਰਮ ਸਟਾਈਲ ਸੈਟ ਕਰੋ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਦੋ ਇਨਪੁਟ ਫੀਲਡ ਅਤੇ ਸੰਪਾਦਨ ਬਟਨ ਵਾਲੀ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਰਮ


  <label for="fname">ਨਾਮ：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">ਪਰਿਵਾਰ ਨਾਮ：</label>
  <input type="text" id="lname" name="lname"><br><br>

ਸਵੈ ਮੰਗੋ

ਉਦਾਹਰਣ 2

ਚੈੱਕਬਾਕਸ ਨਾਲ ਵਾਲੀ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਰਮ


  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">ਮੈਨੂੰ ਇੱਕ ਸਾਇਕਲ ਹੈ</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">ਮੈਨੂੰ ਇੱਕ ਗੱਡੀ ਹੈ</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">ਮੈਨੂੰ ਇੱਕ ਜਹਾਜ਼ ਹੈ</label><br><br>

ਸਵੈ ਮੰਗੋ

例子 3

带有单选按钮的 HTML 表单：

ਸਵੈ ਮੰਗੋ

属性

属性 值
ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਸੰਮਰਥਨ ਕਰਦਾ ਹੈ ਕਿ ਸਮਰੱਥਨ ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁਕੰਮਲ ਕਰਨ ਤੋਂ ਬਾਅਦ ਕਿਸ ਤਰ੍ਹਾਂ ਦੀ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਦਿਖਾਈ ਜਾਵੇ।

ਵਿਸ਼ਵ ਸੰਬੰਧੀ ਪ੍ਰਤੀਯੋਗਿਤਾ

<form> ਟੈਗ ਨੇ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ HTML ਵਿੱਚ ਵਿਸ਼ਵ ਸੰਬੰਧੀ ਪ੍ਰਤੀਯੋਗਿਤਾ。

ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ

<form> ਟੈਗ ਨੇ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ。

ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ

ਮੱਧ ਬਰਾਉਜ਼ਰਾਂ ਵੱਲੋਂ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਵਰਤੇ ਜਾਣਗੇ <form> ਏਜੈਂਟ:

form {
  display: block;
  margin-top: 0em;
}

ਸਵੈ ਮੰਗੋ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ