Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

आप HTML <इनपुट> में टेक्स्ट जोड़ने वाला बटन कैसे बनाते हैं?

<घंटा/>

मान लें कि निम्नलिखित हमारा HTML बटन है -

बटन क्लिक पर <इनपुट> में टेक्स्ट जोड़ने के लिए document.getElementById() का उपयोग करें। निम्नलिखित कोड है -

उदाहरण

 <शीर्षक>दस्तावेज़

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

आप HTML  इनपुट  में टेक्स्ट जोड़ने वाला बटन कैसे बनाते हैं?

यहां, मैं दो बार बटन पर क्लिक करने जा रहा हूं। यह निम्नलिखित आउटपुट देगा -

आप HTML  इनपुट  में टेक्स्ट जोड़ने वाला बटन कैसे बनाते हैं?


  1. CSS3 का उपयोग करके इनपुट टेक्स्ट लंबाई को कैसे सीमित करें?

    HTML के साथ, आप आसानी से इनपुट लंबाई सीमित कर सकते हैं। हालाँकि, CSS3 के साथ, यह संभव नहीं होगा, क्योंकि CSS का उपयोग इनपुट वर्णों की संख्या को सीमित करने के लिए नहीं किया जा सकता है। यह एक कार्यात्मक प्रतिबंध का कारण बनेगा। CSS प्रेजेंटेशन से संबंधित है यानी आपका वेब पेज कैसा दिखेगा। यह HTML विशेषत

  1. HTML में टेक्स्ट को अंडरलाइन कैसे करें?

    HTML में टेक्स्ट को रेखांकित करने के लिए, टैग का प्रयोग करें। HTML में टैग को हटा दिया गया, लेकिन फिर HTML5 में फिर से पेश किया गया। अब यह शैलीगत रूप से किसी अन्य पाठ से भिन्न पाठ का प्रतिनिधित्व करता है, जैसे कि गलत वर्तनी वाला शब्द। पाठ को रेखांकित करने के लिए, आप शैली विशेषता का भी उपयोग कर सकत

  1. HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं?

    मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML टैग का उपयोग करें। आप कॉलम और पंक्तियों की विशेषताओं का उपयोग करके टेक्स्ट क्षेत्र का आकार निर्धारित कर सकते हैं। इसका उपयोग एक फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें। यहां टैग की विशेषताएं दी गई हैं - विशेषता