Skip to main content

how to learn html in hindi for beginners | how to make form in html | html mein form kaise banate hai | how to design a form using html tag in hindi| html lesson-09

HTML TUTORIAL LESSON-09

दोस्तों आज के html टुटोरिअल ;अध्याय के अंतर्गत आज मैं आपको बताने वाला हु की html में फॉर्म कैसे बनाते है यानि की आप html में फॉर्म की कैसे डिजाइनिंग कर सकते है, html में फॉर्म बनाने की यह पहला अर्टिकल है html के आने वाले अध्याय में और ज्यादा और बहुत ही खुबसूरत फॉर्म बनाने के लिए बताने वाला हु, यह html में फॉर्म बनाने का पहला अर्टिकल है इसी लिए मैं आपको सिंपल सा फॉर्म बनाने के लिए बताने वाला हु, इससे पहले भी हमारे द्वारा इसी ब्लॉगर वेबसाइट पर पहले से ही html की अध्याय 01 से लेकर अध्याय 08 तक का टुटोरिअल शेयर कर दिया गया है यदि अभी तक आप उन्हें नहीं पढ़े है तो इन सभी अर्टिकल को भी पढ़ ले जिससे की आपको html में और ज्यादा जानकारी प्राप्त हो सके, तो दोस्तों चलिए शुरू करते है इस अध्याय को |


फॉर्म बनाने में कौन कौन से टैग का उपयोग किया जाता है ?

तो दोस्तों सबसे पहले में आपको यह बता दू की मैं html में जो फॉर्म बनाने जा रहा हु us फॉर्म को बनाने में जो भी टैग का उपयोग किया जायेगा उसका नाम क्या है और उस टैग को कैसे लिखते है |

  • form tag (<form Action ="submit.php" Method="GET" >)
  • User Name Tag <input type="Text">  <br> <br>
  • Password Tag  (Password &nbsp :<input type= "Password"> 
  • Gender :<input type="radio" name ="r1" Checked> Male
  • <input type="radio" name ="r1"> Female
  • Language Tag (Language : <input type="Checkbox"> Hindi) 
        • (<input type="Checkbox"> English)
  • Submit or Register Tag (<input Type="submit" Value="Register">)
  • Reset tag (<input Type= Reset >)
दोस्तों दोस्तों ऊपर बताये गए टैग का उपयोग करके आज मैं आपको फॉर्म कैसे बनाते है यह बताने वाला हु, तो सबसे पहले मैं आपको बता देता हु की फॉर्म टैग क्या है|



<form>  </form> फॉर्म टैग  

दोस्तों html में किसी भी तरह का फॉर्म को बनाने के लिए हमें फॉर्म टैग का उपयोग करना होता है क्योकि बिना फॉर्म टैग का उपयोग किये बिना हम किसी भी तरह का कोई भी फॉर्म नहीं बना सकते |

User Name Tag का उपयोग करना ?

Username :<input type="text"> जैसा की आप इस पैर के आगे देख सकते है मैंने username का टैग लिखा है इसमें जो आप <input type ="text"> देख रहे है इसका मतलब होता है की username के बाद एक टेक्स्ट लिखने का स्थान हमें मिल जाता है जहाँ पर आप username लिख सकते है और साथ में यह भी जान लेते है की यहाँ पर सिर्फ आपको एक लाइन मिलेगी username लिखने के लिए |

Password Tag का उपयोग कैसे करते है?

Password :<input type="Password"> जैसा की आप इसी लाइन के स्टार्ट में देख सकते है की मैंने  Password :<input type="Password"> लिखा है Password का मतलब होता है की हमें दिखाई दे की इस जगह पर क्या लिखना है और <input type का मतलब होता है की html में यह आदेश देना की इस जगा क्या लिखना है, तथा इसके बाद जो सबसे लास्ट में लिखा है ="Password"> इसका मतलब होता है की html को यह पता चल जाये की यहाँ पर पासवर्ड लिखा है |

Gender Tag का उपयोग कैसे करते है?

दोस्तों Gender टैग हम इस लिए लिखते है की जिससे पता चल जाये की हम जो ऊपर username लिख रहे है वह male है या female इसके साथ में gender tag को पूरा लिखने के लिए उसमे हमें radio का बटन लगाना होता है जिससे की हम यह सुनिश्चित कर सकें की जो यूजर name लिख रहे है वह male या female 

  • Gender  :<input type="radio" name ="r1" Checked> Male
  • <input type="radio" name ="r1"> Female

Language Tag  का उपयोग कैसे करते है?

 (Language : <input type="Checkbox"> Hindi) 
(<input type="Checkbox"> English)
इस टैग का उपयोग html फॉर्म में यह दर्शाने के लिए किया जाता है की हम जो फार्म बनाये है उसमे कौन कौन से भाषा का उपयोग आप कर सकते है |

Submit Tag  का उपयोग कैसे करते है?

Submit or Register Tag (<input Type="submit" Value="Register">)
जस्ट उपसर दिए गए टैग का उपयोग करके आप html फॉर्म में सबमिट का बटन बना सकते है इससे होता क्या है की आप जैसे ही अपना फॉर्म में डाटा फिल कर देंगे और सबमिट पर क्लिक करेंगे तो वह डाटा सबमिट हो जाता है |


Reset Tag  का उपयोग कैसे करते है?

Reset tag (<input Type= Reset >) इस टैग का उपयोग करके आप अपने फॉर्म में जो भी डाटा फिल किये होंगे वह सभी ख़त्म हो जाता है |

आपने क्या सीखा ?

दोस्तों इस अर्टिकल में आपने जाना की html अध्याय 9 के बारे में जिसमे मैंने आपको बताया की html में फॉर्म कैसे बनाते है | 



    Comments

    1. नमस्कार
      फार्म में जन्म दिन लिखते है तो उसके आगे कलेण्डर कैसै आता है
      समय लिखते है तो घड़ी कैसे आती है बताये

      ReplyDelete
    2. HTML ME LAIN KASE LAYA JATA HAI
      ऊपर से नीचे के लिए लाइन लाने के लिए कोन सी coding का use करू मेरे दोस्त

      ReplyDelete

    Post a Comment

    Popular posts from this blog

    Hindi Typing Shortcut Keys || Hindi Typing Charts | Kruti Dev 10 Hindi Typing Charts

    Hindi Typing Shortcut Keys | Download Hindi Typing Charts  हेल्लो दोस्तों हमेशा के तरह एक बार और आपका बहुत बहुत स्वागत है आपके अपने www.aonecomputeredu cationcenter.com के इस ब्लॉगर वेबसाइट में, आज के इस आर्टिकल में आप आपको बताने वाला हु हिंदी टाइपिंग के सभी शॉर्टकट कुंजी के बारे में | इस आर्टिकल का उद्देश्य ? दोस्तों इस आर्टिकल को लिखने का हमारा उद्देश्य है की आपको हिंदी टाइपिंग में उपयोग होने वाले सभी शॉर्टकट कुंजी के बारे में बताना जिसे जानने के बाद आप बहुत ही एक्सपर्ट के तरह हिंदी टाइपिंग करना सीख जायेंगे, यह आर्टिकल उन्हें लिखे बहुत ही खास होने वाला है जो हिंदी टाइपिंग सीखना चाहते है और जो अभी हिंदी टाइपिंग सीख रहे है, क्योकि मैं बहुत ही असान भाषा में हिंदी टाइपिंग करने के लिए बताने वाला हु.  हिंदी टायपिंग Lesson-01 हिंदी टायपिंग Lesson-02 हिंदी टायपिंग Lesson-03 हिंदी फॉण्ट कैसे डाउनलोड और इनस्टॉल करते है Google Input Tools Software Download for Window 10 हिंदी टाइपिंग करना सीखे केवल एक घंटे में  हिंदी टाइपिंग के सभी शॉर्टकट कुंजी ? तो दोस्तों चलिए सबसे पहले में आपको यह जानकारी द

    शोक संदेश कार्ड फॉर्मेट डाउनलोड | शोक सन्देश कार्ड कैसे बनाते है | How to Download Death Invitation card

    शोक सन्देश कार्ड फॉर्मेट डाउनलोड कैसे करें ? हेल्लो मेरे प्यारे दोस्तों आज के इस आर्टिकल में मैं आपको बताने वाला हु की शोक सन्देश के लिए कार्ड कैसे डिजाईन करते है, शोक सन्देश कार्ड डिजाईन करने के से बनाने से पहले मैं आपको यह जानकारी दे दू की इस आर्टिकल को शेयर करने का हमारा उद्देश्य क्या है ? इस आर्टिकल को पब्लिश करने का उद्देश्य ? दोस्तों जैसा की आप सभी को यह जानकारी है की हमारे इस ब्लॉगर वेबसाइट पर लगभग सभी प्रकार के फॉर्मेट जैसे की Wedding Card, Bio Data, ClipArt का फॉर्मेट और कंप्यूटर से जुडी ढेर सारी जानकारी फ्री में पलब्ध कराया जाता है, और इसी के साथ में आज के इस आर्टिकल को शेयर करने का हमारा उद्देश्य है की आपको फ्री में शोक सन्देश कार्ड कैसे बनाते है इसके बारे में पूरी जानकारी उपलब्ध कराना औत साथ में यह भी बताया की शोक सन्देश का फॉर्मेट कैसे डाउनलोड कर सकते है.. शोक सन्देश कार्ड फॉर्मेट डाउनलोड करें ? जैसा की आपने ऊपर जाना की इस आर्टिकल को पब्लिश करने का हमारा उद्देश्य क्या है और साथ में आपने जाना की इस ब्लॉगर वेबसाइट को बनाने का हमारा उद्देश्य क्या है, तो दोस्तों चलि

    A to Z Shortcut Key In Ms word In Hindi & Download PDF File

    दोस्तो हमेशा के तरह इस बार भी Aone Computer Education Center की इस Blogger Website में आपका स्वागत है।  दोस्तो यदि आप Microsoft Word में Typing करते होंगे या Microsoft Word में तेजी से Typing करने के लिए सोच रहे है तो सबसे जरूरी है आपको Microsoft Word की Shortcut Key आनी ही चाहिए।  इस आर्टिकल में आप माइक्रोसॉफ़्ट वर्ड की  A टु Z शार्टकट कीय के बारे में बताया गया है, जिसके माध्यम से आप माइक्रोसॉफ़्ट वर्ड में बहुत ही एक्सपेर्ट के तरह काम कर सकते है।  सबसे पहले आप को हमारे द्वारा ए तो ज़ेड shortcut key download करे के लिए नीचे बताया गया है। नीचे दिये गए लिंक पर क्लिक करके बहुत ही आसान तरीके से आप माइक्रोसॉफ़्ट वर्ड की A to Z Shortcut key download कर सकते है।  Download PDF File ऊपर दिये गए लिंक पर जैसे ही आप क्लिक करेंगे तो ए तो ज़ेड SHORTCUT KEY download हो जाएगा  चलिये अब ये भी जान लेते है की ए तो ज़ेड SHORTCUT KEY का क्या और कैसे उपयोग करते है।  Ctrl + A  (Select All)     =    यदि माइक्रोसॉफ़्ट वर्ड में बने डॉकयुमेंट पर लिखे पूरे वर्ड को आप एक साथ सिलैक्ट करना चाहते है तो उसके लिए आप को Ctrl +

    shadi card ka format | Shadi Card ka Format kaise Download karte hai | matter in married card in hindi

    Hello Dosto, एक बार फिर से स्वागत हैं आपका Aone Computer Education Center के इस Blogger Website में, दोस्तो जैसा की आप जानते है की हमारे द्वारा इस Blogger Website पर Computer से जुड़ी हुयी जानकारी और लगभग सभी प्रकार का Format उपलब्ध करता रहता हु और हमेशा के तरह इस बार भी मैं आपको Computer शादी कार्ड की format दिया जा रहा है।  इस आर्टिकल को लिखने का हमारा उद्देश्य क्या है ? दोस्तो इस आर्टिकल को लिखने का सबसे बड़ा हमारा यह उद्देश्य है की आप सभी लोगो को शादी का कार्ड बनाने की पूरी जानकारी देना और साथ में हमने यह भी बताया है की शादी कार्ड का format कैसे download कर सकते है। Adobe PageMaker एवं PDF file में।  जिससे आप बहुत ही आसान तरीके से शादी का कार्ड बनाने के लिए आप को आ जाए।  इस पोस्ट में आप को क्या सीखने को मिलेगा। दोस्तो इस पोस्ट में आपको Adobe PageMaker में शादी का कार्ड बनाने के लिए पूरी जानकारी दी गयी है। यदि आप शादी का कार्ड बनाने के बारे में सोच रहे हो या आप शादी का कार्ड Adobe PageMaker में बनाने के लिए सोच रहे हैं, तो आपको इस पोस्ट से शादी का कार्ड बनाने का पूरा तरीके से बताया जा

    Download Free Resume Template In Ms Word

    हेल्लो दोस्तों एक बार और आपका स्वागत है आपके अपने Aone Computer Education Center के इस ब्लॉगर चैनल में, जैसा की आपको पहले से ही पता है की हमारे द्वारा इस ब्लॉगर वेबसाइट पर कंप्यूटर से जुडी जानकारी शेयर किया जाता है, और आज के इस अर्टिकल में मैं आपको माइक्रोसॉफ्ट सॉफ्ट वार्ड में बने फ्रेशेर के लिए RESUME का फॉर्मेट फ्री में दिया है जिसे डाउनलोड करने आप मात्र एक मिनट में ही RESUME बना सकते है | Download Resume Format 01 Download Resume Format 02 Download Resume Format 03 Download Resume Format 04                                         Download Resume Format 05 Download Resume Format 06 इसे भी पढे ? Function Keys of Computer Microsoft Word Shortcut Keys in Hindi How to make Symbol in Ms Word How Fast Can You Work  Chanda Rashid Kaise Banate Hai  PageMaker All Shortcut Keys  आपने क्या सीखा ? दोस्तो इस आर्टिक्ल में आपने जाना की 6 बेस्ट सिम्पल रेस्यूमफ्रेशर के लिए कैसे डाउनलोड करते है और साथ में आपने जाना की Resume में कैसे बनाते है।

    Wedding card clipart free download - Wedding card clipart png download

    Wedding card clipart free download - Wedding card clipart png download ? Hello My Dear Friends, हमेशा के तरह एक बार और आपका बहुत बहुत स्वागत है आपके अपने www.aonecomputereducationcenter.com के इस ब्लॉगर वेबसाइट पर, जैसा की आप सभी को पहले से ही पता है की मैं अपने YouTube Channel पर शादी कार्ड बनाने के बहुत सारी विडियो अपलोड करता रहता हु और जो भी शादी कार्ड का मैटर डिज़ाइन करना हु उसमे आपने अक्सर देखा होगा की ClipArt का उपयोग किया जाता है शादी कार्ड के डिज़ाइन को अच्छा से सजाने के लिए।      इस पोस्ट को लिखने का हमारा उद्देश्य क्या है ? दोस्तो ClipArt कैसे डाउनलोड करते है उसको बताने से पहले मैं आपको यह बता देता हु की इस आर्टिकल को पब्लिश करना का हमारा उद्देश्य क्या है, और इस पोस्ट में आपको क्या क्या सीखने के लिए मिलेगा। इस पोस्ट को पब्लिश करने का हमारा उद्देश्य है की फ्री में आठ हजार क्लिपर्ट आपको उपलब्ध करना वह भी बिलकुल फ्री में। क्लिपार्ट कैसे डाउनलोड करते है ?  दोस्तो चलिये अब मैं आपको यह बता देता हु की आठ हजार से भी ज्यादा ClipArt एक ही बार मैं कैसे डाउनलोड करते है, तो एक बार में ही आठ

    a to z shortcut keys in ms excel | a to z shortcut keys in microsoft excel in hindi | जानिए एक्सेल के A से लेकर Z तक शार्टकट के बारे में।

    इस आर्टिकल में आप सीखेंगे माइक्रोसॉफ़्ट एक्सेल के A to Z शॉर्टकट के बारे में, जिसमे आपको एक्सेल के 26 शार्टकट कुंजी के बारे में बताया गया है और साथ में सभी शार्टकट कुंजी का पीडीएफ़ भी दिया गया है जिसे आप बहुत ही आसानी से डाउनलोड कर सकते है, तो चलिये शुरू करते है इस आर्टिकल को।    Ctrl+A      =    Select All  - एक्सेल में एक साथ में पूरी डाटा और शीट को सेलेक्ट करने के लिए किया जाता है । Ctrl+B     =   एक्सेल में वर्ड को बोल्ड करने के लिए Ctrl+B का उपयोग करते है।  Ctrl+C    =  एक्सेल में किस भी मैटर को कॉपी करने के लिए Ctrl+C का उपयोग किया जाता है। Ctrl+D    =  एक्सेल के ऊपर वाले सेल में जो भी value है उसे यदि आप उसी कॉलम के नीचे वाले सेल में फ़िल करना चाहते है तो आप ctrl+d का उपयोग कर सकते है, क्योकि ctrl+d का कार्य उपर वाले सेल की वैल्यू को उसी कॉलम के नीचे वाले सेल में फ़िल करने के लिए किया जाता है।  Ctrl+E     =   Ctrl+F    =  Find -एक्सेल में किसी भी वर्ड को खोजने के लिए किया जाता है। Ctrl+G    =  Go To -एक्सेल में यदि आप किसी भी सेल में जाना चाहते है तो आप गो तो का उपयोग कर सकते है।

    How to download google input software for window 10 in hindi | google input software for window 10 | window 10 ke liye google input software kaise download karte hai, download google input software window 10 | google input software window 10 |

    गूगल इनपुट कैसे डाउनलोड करते है window 10 के लिए ? दोस्तों आज के इस अर्टिकल में मैं आपको बताने वाला हु की कैसे आप window 10 के लिए गूगल input tools डाउनलोड कर सकते है, यदि आप इन्टरनेट पर हिंदी में टाइपिंग करना चाहते है और आपके कंप्यूटर में window 10 version है तो हिंदी में टाइपिंग के लिए आपको गूगल इनपुट टूल्स की मदद लेनी पड़ेगी और गूगल इनपुट टूल्स इन्टरनेट पर बहुत ही मुस्किल में मिलेगा, तो दोस्तों चलिए अब यह जानकारी ले लेते है की गूगल इनपुट टूल्स सॉफ्टवेर को कैसे डाउनलोड करते है | इस पोस्ट को लिखने का उद्देश्य क्या है ? दोस्तों इस पोस्ट को लिखने का हमारा सबसे पहला यह उद्देश्य है की आपको window 10 के लिए गूगल इनपुट टूल का सोफ्टवेयर फ्री में उपलब्ध करना, मैं जब window 7 version उपयोग करता यह तो उसके लिए मुझे बहुत ही आसानी से गूगल इनपुट टूल्स मिल गया था लेकिन जब मैंने अपने कंप्यूटर में window 10 version का उपयोग करने लगा और इन्टरनेट पर हिंदी में टायपिंग करने के लिए सोचा तो सबसे बड़ा मेरे सामने समस्या आया की window 10 के लिए गूगल इनपुट टूल्स कैसे डाउनलोड करू, और बहुत ही मुस्किल से मुझे यह टू

    How to Make Tax Invoice Format in Microsoft Word | माइक्रोसॉफ़्ट वर्ड में टैक्स इन्वाइस फ़ारमैट कैसे बनाते है? How to Make Gst Invoice in Ms Word - Ms Word में gst इन्वाइस फ़ारमैट कैसे बनाते है।

    दोस्तो हमेशा ते तरह एक बार और फिर से आपका स्वागत है आपके अपने ब्लॉगर वैबसाइट Aone Computer Education Center में।  जी० स ० टी० इन्वाइस क्या है ? जब से हमारे देश में जीएसटी लागू है तभी से हर ब्यक्ति जीएसटी इन्वाइस यानि की टैक्स इन्वाइस के बारे में जानते है सायद ही कोई ऐसा व्यक्ति हो जो इसके बारे में जा जनता हो, आप मार्केट से जब भी कोई समान जैसे टी० वी०, ल० ई० डी० कम्प्यूटर इत्यादि समान मार्केट से या ऑनलाइन खरीदते है तो आपको GST Invoice जरूर दिया जाता है क्योकि GST Invoice में आपने जो भी समान खरीदा होता है उसपर सारी जानकारी होती है की आपने कौन सा समान खरीदा और कितने रूपय में खरीदा और कब खरीदा है इसकी सम्पूर्ण जानकारी होती है इसके साथ साथ में आपके GST Invoice में यह भी जानकारी होती है की आपने जो भी समान खरीदा है उस समान पर कितना प्रेसेंट GST लगा है सभी जानकारी आपके जीएसटी इन्वाइस में आपको मिल जाता है  इस आर्टिकल को लिखने और  पब्लिश करने का हमारा उद्देश्य क्या है ? दोस्तो चलिये अब हम यह भी जानकारी ले लेते है की इस आर्टिकल को लिखने का हमारा उद्देश्य क्या है,  इस आर्टिकल को लिखने का हमारा मुख

    how to download marriage bio data format in ms word - शादी के लिए Bio-Data Format कैसे Download करते है।

    दोस्तो हमेशा के तरह एक बार और स्वागत है आपका Aone Computer Education Center की इस ब्लॉगर Website में आपका स्वागत है।  दोस्तो जैसा की इससे पहले वाले आर्टिकल में आपने शिखा था की शादी कार्ड का फ़ारमैट Adobe Pagemaker में कैसे Download करते है और साथ में यह भी शिखा था की Adobe PageMaker में शादी कार्ड  कैसे बनाते है।  इस आर्टिक्ल में आपको क्या सीखने के लिए मिलेगा ? दोस्तो इस आर्टिकल में हमारे द्वारा आपको शादी के लिए Bio-Data (Resume) कैसे बनाते है उसके लिए बताया गया है और साथ में यह भी जानकारी दी गयी है की शादी के लिए Bio-Data कैसे बनाते है।    इस आर्टिकल को पोस्ट करने का हमारा उद्देश्य क्या है ? दोस्तो यदि आप एक कम्प्युटर ऑपरेटर बनने के लिए सोच रहे हो या आप खुद से अपना Marriage Bio Data (Resume) बनाना चाहते है तो उसके लिए हमसे बड़ी हमारे पास समस्या आती है वह है की हम Marriage Bio डाटा में क्या क्या क्या लिखते है और किस तरह से लिखना है।  इस आर्टिकल को पोस्ट करने का हमारा उद्देश्य यह है की हम आपको Marriage के लिए format उपलब्ध करना है, जिसके मदद से आप बहुत ही आसान तरह से Marriage Bio-Data (Re