HTML - Forms in Hindi




दोस्तों इस chapter में हम HTML Forms के बारे में जानेंगे तो चलिए शुरू करते है, HTML में forms का उपयोग डाटा को capture करने का लिए किया जाता है, HTML Forms को users से Information लेने के लिए use किया जाता हैं. इस Information में personal information, संदेश, feedback, या कुछ सुझाव आदि हो सकते हैं. HTML Forms को हम <form> tag से डिफाइन करते है और इसको हम <body> tag के अंदर ही use करते है।

Html form एक user और एक website या application के बीच बातचीत के मुख्य points में से एक है। वे users को website पर डेटा भेजने की अनुमति देते हैं अधिकांश समय में web server पर डेटा भेजा जाता है, लेकिन web पेज भी इसे self use के लिए इसे blocked कर सकता है।

दोस्तों जैसा की आप जानते है HTML Form को बनाने के लिए <form> tag का use किया जाता है, HTML Form में जितने भी box होते है उनके लिए HTML में अलग अलग tag और attribute उपलब्ध है, आइये अब हम एक एक करके इन सभी Tag की जानकारी लेते है ।

<input> Tag

दोस्तों <input> Tag सबसे important form element में से एक है <input> Tag का use किसी भी form में सबसे ज्यादा किया जाता है, <input> tag में आप अलग अलग attributes का उपयोग करके एक ही form में कई तरह के design create कर सकते है।

आइये अब हम <input> Tag को एक सिंपल उदाहरण की सहायता से समझते है −

Example

<!DOCTYPE html> 
<html> 
<body> 
<form> 
  My first name:<br> 
  <input type="text" name="firstname"> 
  <br> 
  My last name:<br> 
  <input type="text" name="lastname"> 
</form> 
<p>यह form स्वयं दिखाई नहीं दे रहा है.</p> 
<p>Text input फ़ील्ड 20 वर्ण हैं।</p> 
</body> 
</html> 

Result

My first name:

My last name:

यह form स्वयं दिखाई नहीं दे रहा है.

Text input फ़ील्ड 20 वर्ण हैं।

Example

<!DOCTYPE html> 
<html> 
<body> 
<form id='sampleform' method='post' action='' > 
<p> 
Name: <input type='text' name='Name' /> 
</p> 
<p> 
Email: <input type='text' name='Email' /> 
</p> 
<p> 
<input type='submit' name='Submit' value='Submit' /> 
</p> 
</form> 
<p> यदि आप "सबमिट करें" बटन पर क्लिक करते हैं, तो फॉर्म डेटा भेजा जाएगा</p> 
</body> 
</html>

Result

Name:

Email:

यदि आप "सबमिट करें" बटन पर क्लिक करते हैं, तो फॉर्म डेटा भेजा जाएगा