हेल्लो दोस्तों आज के इस पोस्ट में आपको Form html in hindi क्र बारे में बताया जा रहा है की क्या होता है कैसे काम करता है तो चलिए शुरू करते है
html forms का परिचय
किसी भी webpage पर यदि आप फिर से यूजर से कोई information लेना चाहते है तो इसके लिए आप forms का प्रयोग किया जाता है example के लिए जब भी आप कोई नयी ईमेल id create करते है तो सवसे पहले sign up form भरते है ऐसा करके आप information webpage के द्वारा provide करते है
forms प्रयोग से यूजर के इनपुट करने का सबसे common तरीका होता है कोई भी form से इनपुट लेता है और वह यूजर से सबमिट(submit) करता है तो ये सारी सुचना किसी डेटाबेस में स्टोर कर ली जाती है यूजर से information इनपुट करवाने के लिए आप कई प्रकार के form एलेमेंट्स(elements) का प्रयोग कर सकते है जैसे की text box,radiobutton ,drop-down list आदि
किसी भी webpage में form create करने के लिए आप <form > tag का प्रयोग करते है ये container tag होता है जो की पुरे form की beginning और ending डिफाइन करता है इस tag के अन्दर अलग अलग form elements डिफाइन किये जाते है <form> tag के कुछ attribute निचे दिए जा रहे है
Attribute | Explanation |
action | इस attribute से आप डिफाइन करते है की form submit होने पर क्या करना है जैस की यूजर के form submit करते ही आप कोई दूसरी webpage में thank you या कोई php script execute करवा सकते है |
method | इस attribute से आप data को स्टोर करने का method डिफाइन करते है इस attribute की केवल दो values Get और Post हो सकती है |
target | इससे आप form submission के बाद हो window show होगी वह डिफाइन करते है |
form elements आप <input> tag दे द्वारा डिफाइन करते है इस tag के द्वारा कुछ attribute होते है जो आप एलिमेंट को configure करने के लिए प्रयोग करते है
इसके बारे में निचे दिया गया है
Attribute | Explanation |
name | इस attribute से particular form एलिमेंट का नाम डिफाइन किया जाता है बाद में यदि नाम सर्वर पर वैल्यू को स्टोर करने के लिए प्रयोग किया जाता है |
type | ये elements का type show करता है इससे ये भी पता चलता है की किस तरह की वैल्यू input की जा सकती है जैसे text-box को अपने according width दे सकते है |
value | ये किसी elements की defaut वैल्यू हो सकती है जैसे की आप किसी text box के अन्दर first name लिखा हुई देखते है |
creating text boxes
html में form के लिय text boxes create करना बहुत ही easy है इसके लिए आप <input> tag के type attribute में text वैल्यू डिफाइन करते है कोई भी defaut value के लिए जो text-box के अन्दर show होगी आप वैल्यू attribute प्रयोग कर सकते है यदि आप password input करने के लिए text box बना रहे है तो type password देना होगा
इसका example दिया जा रहा है
<html> <head>
<title>text box demo</title> </head> <body> <form> enter your email:input type=”text” value =”email” name=”email” size=”15”> <br><br> enter your password:<input type=”password” value=”password” name=”pass” size=”15”> </form> </body> </html>
html में आप चार प्रकार के button को create कर सकते है इन्हे आप type attribute के द्वारा करते है इन्हे बारे में निचे दिया जा रहा है
- submit-ये button form submit करने के लिए प्रयोग किया जाता है ये button पुरे form के सभी elements की values को एक साथ सर्वर पर send कर देता है आप type attribute में submit वैल्यू define करके इस तरह का button create कर सकते है
- reset-इस button को पुरे form के सभी fields की values को reset करने के लिए प्रयोग किया जाता है reset button create करने के लिए आप type attribute में reset वैल्यू डिफाइन करते है
- normal button-ये एक normal button होता है जिस पर क्लिक(click) होते ही आप कोई भी action ले सकते है इस तरह का button create करने के लिए आप type attribute के वैल्यू button देते है
- image button-उस तरह के button में आप button के background में कोई image दे सकते है इस तरह का button create करने के लिए आप type attribute की वैल्यू image देते है
<body>
<form>
<input type=”submit”>
<input type=”reset”>
<input type=”button” value=”click here”>
<input type=”image src=”image url” alt=”text तो show”>
</form>
reference-https://www.tutorialspoint.com/html/html_forms.htm
Form html in hindi
निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic(Form html in hindi) अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये अगर कोई topic से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे