HTML का उपयोग करते हुए एक टेक्स्ट बॉक्स कैसे बनाएं

एचटीएमएल प्रपत्र उपयोगकर्ता जानकारी प्राप्त करने के लिए उपयोग किया जाता है लेकिन इससे पहले कि आप उनका उपयोग कर सकें, आपको एक टेक्स्ट बॉक्स बनाने की आवश्यकता होगी! यदि आप Windows का उपयोग करते हैं तो यहां एक पाठ बॉक्स बनाने के लिए एक सरल ट्यूटोरियल है

कदम

HTML का उपयोग कर एक पाठ बॉक्स बनाएँ

एचटीएमएल चरण 1 के साथ बोल्ड टेक्स्ट बनाएं शीर्षक वाला इमेज
1
एक HTML पृष्ठ बनाएं ऐसा करने के लिए, नोटपैड खोलें या कोई अन्य पाठ संपादक। Windows में आप इसे प्रारंभ मेनू के माध्यम से एक्सेस कर सकते हैं: "सामान", तब "नोटपैड" (नोटपैड)। या Windows + R कुंजी दबाएं और पाठ संपादक का नाम दर्ज करें और Enter दबाएं
  • एचटीएमएल चरण 2 के साथ बोल्ड टेक्स्ट बनाएं शीर्षक वाला इमेज
    2
    कोड दर्ज करें सामान्य टैग लिखें (), इस तरह दिखना चाहिए:
  • 3
    अब आपके पास बुनियादी कोड है, आप एक ऐसा फ़ॉर्म बनाने के लिए तैयार हैं जिसमें टेक्स्ट बॉक्स शामिल हो सकता है और फिर उचित बॉक्स बना सकते हैं।
  • टैग्स में "शव", ( और ), लिखिए:।
    एचटीएमएल चरण 3 बुलेट 3 का इस्तेमाल करते हुए पाठ इनपुट बनाएं शीर्षक वाला छवि



  • एचटीएमएल का इस्तेमाल करते हुए पाठ इनपुट का शीर्षक शीर्षक छवि 4
    4
    पृष्ठ को बचाएं क्लिक करें "फ़ाइल", "के रूप में सहेजें" और फ़ाइल को test.html के रूप में सहेजें। या इसे किसी भी नाम के रूप में सहेजें।
  • एचटीएमएल का उपयोग करते हुए पाठ इनपुट का शीर्षक शीर्षक छवि 5
    5
    खिड़की खोलें और आप बॉक्स को देखेंगे!
  • जावास्क्रिप्ट का प्रयोग करना, आप एक-बटन फलक फ़ंक्शन का मिलान कर सकते हैं।
  • यदि आप बॉक्स के सामने स्पष्टीकरण शामिल करना चाहते हैं, तो यह बताएं कि यह क्या है, टैग से पहले लिख कर इसे करें
  • टिप्स

    • एक आईडी शामिल करें नाम के बाद ="qualsiasinome", डाल आईडी ="qualsiasinome"। इसका उपयोग करना आसान बनाने के लिए नाम के रूप में समान आईडी का उपयोग करना महत्वपूर्ण है
    • आप नोटपैड ++, पीएसपीएड, जेडिट इत्यादि जैसे अन्य प्रोग्राम भी उपयोग कर सकते हैं। आप ड्रीमइवेर जैसे अधिक महंगे और जटिल कार्यक्रमों का उपयोग भी कर सकते हैं।
    • आप बॉक्स में उपयोग करने के लिए अधिकतम संख्या निर्धारित कर सकते हैं! फ़्रेम टैग में एक लंबाई विशेषता जोड़ें। यही है: maxlenght ="10"।

    आप की आवश्यकता होगी चीजें

    • कोई भी पाठ संपादक
    • वेब ब्राउज़र
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध

    © 2011—2022 GnuMani.com