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

HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट

<घंटा/>

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>

आउटपुट

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

HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट

क्रिएट बटन पर क्लिक करने पर -

HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट


  1. HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट

    HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट टेक्स्ट प्रकार के साथ तत्व से जुड़ा है। हम क्रमशः createElement () और getElementById () विधि का उपयोग करके टाइप टेक्स्ट के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण टेक्स्ट ऑब्जेक्ट के गुण निम्नलिखित हैं - संपत्ति विवरण स्वतः पूर्ण किसी टेक्स्ट फ़ील्ड का स

  1. एचटीएमएल डोम डेल ऑब्जेक्ट

    HTML DOM Del ऑब्जेक्ट HTML तत्व से संबद्ध है। इसका उपयोग तत्व को दर्शाने के लिए किया जाता है। Del ऑब्जेक्ट का उपयोग करके हम एक elememt बना और एक्सेस कर सकते हैं। गुण डेल ऑब्जेक्ट के लिए निम्नलिखित गुण हैं - Sr.No गुण और विवरण 1 उद्धरण हटाए गए टेक्स्ट का उद्धरण विशेषता मान सेट या वापस करने के

  1. HTML DOM इनपुट पासवर्ड ऑब्जेक्ट

    एचटीएमएल डोम इनपुट पासवर्ड ऑब्जेक्ट पासवर्ड प्रकार के साथ तत्व से जुड़ा हुआ है। हम क्रमशः createElement () और getElementById () विधियों का उपयोग करके टाइप पासवर्ड के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण पासवर्ड ऑब्जेक्ट के लिए निम्नलिखित गुण हैं - क्रमांक संपत्ति और विवरण 1 स्वत