HTML <form> टैग

  • पिछला पृष्ठ <footer>
  • अगला पृष्ठ <frame>

वर्णन और उपयोग

<form> टैग उपयोगकर्ता इनपुट लेने के लिए HTML फॉर्म बनाने के लिए उपयोग किया जाता है。

<form> एलीमेंट निम्नलिखित एक या अधिक फॉर्म एलीमेंट को शामिल कर सकते हैं:

और देखें:

HTML ट्यूटोरियल:HTML फॉर्म और इनपुट

HTML DOM संदर्भ मैनुअल:Form ऑब्जैक्ट

CSS ट्यूटोरियल: फॉर्म स्टाइल सेट करें

उदाहरण

उदाहरण 1

दो इनपुट फील्ड और एक सबमिट बटन वाला HTML फॉर्म:

<form action="/action_page.php" method="get">
  <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>
  <input type="submit" value="सबमिट">
</form>

अपने आप से प्रयास करें

उदाहरण 2

चेकबॉक्स वाला HTML फॉर्म:

<form action="/action_page.php" method="get">
  <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>
  <input type="submit" value="सबमिट">
</form>

अपने आप से प्रयास करें

उदाहरण 3

एकल ऑप्शन बटन वाला HTML फॉर्म:

<form action="/action_page.php" method="get">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="सबमिट">
</form>

अपने आप से प्रयास करें

विशेषता

विशेषता मूल्य वर्णन
accept-charset अक्षर समूह सबमिट करते समय इस्तेमाल करने वाले अक्षर समूह को निर्धारित करता है。
action URL सबमिट करते समय फॉर्म डाटा को कहाँ भेजना चाहिए इसे निर्धारित करता है。
autocomplete
  • on
  • off
 फॉर्म को स्वचालित पूरा करने की सुविधा सक्षम करने चाहिए या नहीं इसे निर्धारित करता है。
enctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 सर्वर को फॉर्म डाटा सबमिट करते समय, फॉर्म डाटा कैसे कोडिंग करना चाहिए इसे निर्धारित करता है。
method
  • get
  • post
 सबमिट करते समय फॉर्म डाटा को प्रयोग करने वाला HTTP विधि निर्धारित करता है。
name टेक्स्ट फॉर्म का नाम निर्धारित करता है。
novalidate novalidate सबमिट करते समय फॉर्म की जांच नहीं करनी चाहिए नियमित करता है。
rel
  • external
  • help
  • license
  • next
  • nofollow
  • noopener
  • noreferrer
  • opener
  • prev
  • search
 लिंक संसाधन और वर्तमान दस्तावेज़ के बीच के संबंध को निर्धारित करता है。
target
  • _blank
  • _self
  • _parent
  • _top
 सबमिट करने के बाद प्राप्त जवाब कहाँ प्रदर्शित करने का नियम निर्धारित करता है。

वैश्विक विशेषता

<form> टैग इसके साथ समर्थन करता है HTML में वैश्विक विशेषता。

कार्यक्रम विशेषता

<form> टैग इसके साथ समर्थन करता है HTML में कार्यक्रम विशेषता。

डिफॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफॉल्ट मूल्यों के साथ प्रदर्शित करेंगे <form> एलीमेंट:

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

अपने आप से प्रयास करें

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन
  • पिछला पृष्ठ <footer>
  • अगला पृष्ठ <frame>