HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट "टेक्स्ट" प्रकार के साथ <इनपुट> तत्व से जुड़ा है। हम क्रमशः createElement () और getElementById () विधि का उपयोग करके टाइप टेक्स्ट के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं।
गुण
टेक्स्ट ऑब्जेक्ट के गुण निम्नलिखित हैं -
संपत्ति | विवरण |
---|---|
स्वतः पूर्ण | किसी टेक्स्ट फ़ील्ड का स्वत:पूर्ण विशेषता मान सेट करने या वापस करने के लिए |
ऑटोफोकस | पेज लोड होने पर टेक्स्ट फ़ील्ड को स्वचालित रूप से फोकस करना चाहिए या नहीं, इसे सेट करने या वापस करने के लिए। |
डिफ़ॉल्ट मान | टेक्स्ट फ़ील्ड डिफ़ॉल्ट मान सेट करने या वापस करने के लिए। |
अक्षम | यह सेट करने या वापस करने के लिए कि टेक्स्ट फ़ील्ड अक्षम है या नहीं। |
फ़ॉर्म | पाठ फ़ील्ड वाले प्रपत्र का संदर्भ वापस करने के लिए |
अधिकतम लंबाई | किसी टेक्स्ट फ़ील्ड की अधिकतम लंबाई विशेषता मान सेट या वापस करने के लिए। |
नाम | किसी टेक्स्ट फ़ील्ड का नाम विशेषता मान सेट करने या वापस करने के लिए |
पैटर्न | किसी टेक्स्ट फ़ील्ड के पैटर्न विशेषता मान को सेट या वापस करने के लिए |
प्लेसहोल्डर | टेक्स्ट फ़ील्ड के प्लेसहोल्डर विशेषता मान को सेट या वापस करने के लिए |
केवल पढ़ने के लिए | यदि टेक्स्ट फ़ील्ड केवल पढ़ने के लिए है या नहीं, तो सेट करने या वापस करने के लिए |
आवश्यक | सेट करने या वापस करने के लिए यदि फॉर्म जमा करने से पहले टेक्स्ट फ़ील्ड भरना अनिवार्य है या नहीं। |
आकार | टेक्स्ट फ़ील्ड के आकार विशेषता मान को सेट या वापस करने के लिए। |
टाइप करें | यह केवल पढ़ने के लिए गुण है जो टेक्स्ट फ़ील्ड के प्रपत्र तत्व के प्रकार को लौटाता है। |
मान | टेक्स्ट फ़ील्ड का मान विशेषता मान सेट करने या वापस करने के लिए। |
सूची | टेक्स्ट फ़ील्ड वाले डेटालिस्ट का संदर्भ वापस करने के लिए। |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैएक इनपुट टेक्स्ट ऑब्जेक्ट बनाना -
var P = document.createElement("INPUT"); P.setAttribute("type", "text");
उदाहरण
आइए इनपुट टेक्स्ट ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <script> function createText() { var P = document.createElement("INPUT"); P.setAttribute("type", "text"); document.body.appendChild(P); } </script> </head> <body> <h1>Text object example</h1> <p>Create an input field with type text by clicking the below button</p> <button onclick="createText()">CREATE</button> <br><br> USERNAME: </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने पर -