एचटीएमएल फार्म एक अत्यन्त महत्वपूर्ण विषय है । यदि आप अपने पेज में कान्टैक्ट फार्म, कमेण्ट बाक्स, या यूजर रजिष्ट्रेशन सिस्टम देना चाहते हैं तो आपको फार्म समझना बहुत ही आवश्यक है ।
एचटीएमएल फार्म बनाना उतना ही आसान है जितना कि टेबल । बस इसमें थोडी सी सावधानियाँ बरतनी होती हैं । थोडे से एलीमेण्ट्स और जुड जाते हैं और निश्चय ही आपके फार्म का प्रयोग क्या होना है उसके अनुसार इसकी जटिलता भी बढ जाती है ।
यहाँ हम एक सामान्य से एचटीएमएल फार्म को बनाना सीखेंगे । फिर धीरे धीरे हम और आगे बढते हुए इसके सम्पूर्ण प्रयोग को सीखेंगे ।
<!DOCTYPE HTML>
<html>
<head><title>HTML FORM</title></head>
<body>
<form>
<input type="text" name="fname" value="First Name" /><br/>
<input type="text" name="lname" value="Last Name" /><br/>
<input type="text" name="mob" value="Mobile Number" /><br/>
<input type="text" name="email" value="Email" /><br/>
<textarea>Your Comment</textarea><br/>
<input type="submit" value="submit" />
</form>
</body>
</html>
परिणाम -
अब इसे ठीक से समझते हैं ।
<!DOCTYPE HTML>
<html>
<head><title>HTML FORM</title></head>
<body>
<form> - फार्म ओपिनिंग टैग शुरू
<input - इनपुट ओपिनिंग टैग
type= - इनपुट का प्रकार (उदा. अक्षर, पासवर्ड, नम्बर, समय आदि)
"text" - इनपुट का प्रकार अक्षर हो इसके लिये ''इनपुट टाइप टेक्स्ट'' ।
name= इनपुट का नाम (विशेषत: डायनैमिक प्रयोग के लिये परिभाषित)
"fname" - परिभाषित नाम एफनेम
value= इनपुट की वैल्यू (जो प्रयोगकर्ता को दिखाई देती है )
"First Name" - इनपुट वैल्यू सेट
/> इनपुट टैग बन्द
<br/> लाइन ब्रेक
<input type="text" name="lname" value="Last Name" /><br/> - लास्टनेम इनपुट
<input type="text" name="mob" value="Mobile Number" /><br/> - मोबाइल इनपुट
<input type="text" name="email" value="Email" /><br/> ईमेल इनपुट
<textarea>Your Comment</textarea><br/> - प्रयोगकर्ता के कमेण्ट
<input type="submit" value="submit" /> - समर्पित करने के लिये सबमिट इनपुट
</form> - फार्म क्लोजिंग टैग बन्द
</body>
</html>
इस तरह आप एक साधारण सा फार्म बिना किसी अधिक मेहनत के बना सकते हैं । इसमें आप और अधिक क्या जोड सकते हैं इसके विषय में हम आगे जानेंगे ।
Comments
Post a Comment