HTML DOM Input Text ऑब्जेक्ट

HTML DOM Input Text ऑब्जेक्ट type "text" वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type text वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं।

प्रॉपर्टीज

Text ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं:

प्रॉपर्टी	विवरण
autocomplete	टेक्स्ट फील्ड के autocomplete एट्रिब्यूट मान को सेट या वापस करने के लिए।
autofocus	पेज लोड होने पर टेक्स्ट फील्ड को स्वचालित रूप से फोकस मिलना चाहिए या नहीं, इसे सेट या वापस करने के लिए।
defaultValue	टेक्स्ट फील्ड के डिफ़ॉल्ट मान को सेट या वापस करने के लिए।
disabled	टेक्स्ट फील्ड अक्षम है या नहीं, इसे सेट या वापस करने के लिए।
form	टेक्स्ट फील्ड वाले फॉर्म का संदर्भ वापस करने के लिए।
maxLength	टेक्स्ट फील्ड के maxlength एट्रिब्यूट मान को सेट या वापस करने के लिए।
name	टेक्स्ट फील्ड के name एट्रिब्यूट मान को सेट या वापस करने के लिए।
pattern	टेक्स्ट फील्ड के pattern एट्रिब्यूट मान को सेट या वापस करने के लिए।
placeholder	टेक्स्ट फील्ड के placeholder एट्रिब्यूट मान को सेट या वापस करने के लिए।
readOnly	टेक्स्ट फील्ड रीड-ओनली है या नहीं, इसे सेट या वापस करने के लिए।
required	फॉर्म सबमिट करने से पहले टेक्स्ट फील्ड भरना अनिवार्य है या नहीं, इसे सेट या वापस करने के लिए।
size	टेक्स्ट फील्ड के size एट्रिब्यूट मान को सेट या वापस करने के लिए।
type	यह एक रीड ओनली प्रॉपर्टी है जो फॉर्म एलिमेंट का प्रकार वापस करती है जो टेक्स्ट फील्ड है।
value	टेक्स्ट फील्ड के value एट्रिब्यूट मान को सेट या वापस करने के लिए।
list	टेक्स्ट फील्ड वाले डेटालिस्ट का संदर्भ वापस करने के लिए।

सिंटैक्स

Input text ऑब्जेक्ट बनाने का सिंटैक्स:

var P = document.createElement("INPUT"); P.setAttribute("type", "text");

उदाहरण

Input 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>नीचे दिए गए बटन पर क्लिक करके type text वाला इनपुट फील्ड बनाएं</p> 
<button onclick="createText()">CREATE</button> 
<br><br> 
USERNAME: </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Input Text ऑब्जेक्ट

CREATE बटन पर क्लिक करने पर:

HTML DOM Input Text ऑब्जेक्ट