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

HTML DOM Input Text autocomplete प्रॉपर्टी

HTML DOM Input Text autocomplete प्रॉपर्टी type="text" वाले <input> एलिमेंट के autocomplete एट्रिब्यूट से जुड़ी होती है। autocomplete एट्रिब्यूट "on" या "off" मान लेता है। "on" मान निर्दिष्ट करता है कि वेब ब्राउज़र को पिछले इनपुट के आधार पर यूजर टेक्स्ट को स्वचालित रूप से पूरा करना चाहिए जबकि false अन्यथा दर्शाता है।

सिंटैक्स

Autocomplete प्रॉपर्टी सेट करने का सिंटैक्स:

textObject.autocomplete = "on|off"

यहां, on का अर्थ है कि ब्राउज़र पिछले इनपुट के आधार पर यूजर इनपुट को स्वचालित रूप से पूरा करेगा जबकि false दर्शाता है कि यह पिछले इनपुट के आधार पर यूजर इनपुट को पूरा नहीं करेगा। इसका मान डिफ़ॉल्ट रूप से on पर सेट होता है।

उदाहरण

Input text autocomplete प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input text autocomplete property</h1> 
<form action="/Sample_page.php"> 
  USERNAME: <input type="text" id="TEXT1" name="USR" autocomplete="on"><br><br> 
  <input type="submit"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले टेक्स्ट फील्ड में autocomplete बंद करें</p> 
<button onclick="changeAuto()">Autocomplete Off</button> 
<p id="Sample"></p> 
<script> 
  function changeAuto() { 
    document.getElementById("TEXT1").autocomplete = "off"; 
    document.getElementById("Sample").innerHTML = "Your text will not autocomplete now"; 
  } 
</script> 
</body> </html>

आउटपुट

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

HTML DOM Input Text autocomplete प्रॉपर्टी

उपरोक्त फील्ड में कुछ टेक्स्ट टाइप करने और इसे कुछ बार सबमिट करके अपने टेक्स्ट को पिछले इनपुट के आधार पर ऑटोकम्प्लीट होते देखने पर:

HTML DOM Input Text autocomplete प्रॉपर्टी

"Autocomplete Off" बटन पर क्लिक करने पर:

HTML DOM Input Text autocomplete प्रॉपर्टी

  1. HTML DOM Input Text maxLength प्रॉपर्टी HTML DOM Input Text maxLength प्रॉपर्टी

    HTML DOM Input Text maxLength प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फील्ड के maxlength एट्रिब्यूट को सेट या वापस करने के लिए किया जाता है। maxLength प्रॉपर्टी उन अधिकतम वर्णों की संख्या निर्दिष्ट करती है जिन्हें आप टेक्स्ट फील्ड में टाइप कर सकते हैं। सिंटैक्स MaxLength प्रॉपर्टी सेट करने का सिंटैक्स: te

  1. HTML DOM Input Text form प्रॉपर्टी HTML DOM Input Text form प्रॉपर्टी

    HTML DOM Input Text form प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फील्ड वाले फॉर्म के संदर्भ को वापस करने के लिए किया जाता है। यदि इनपुट टेक्स्ट फील्ड फॉर्म के बाहर है तो यह केवल NULL वापस करेगा। यह प्रॉपर्टी रीड-ओनली है। सिंटैक्स Input text form प्रॉपर्टी का सिंटैक्स: textObject.form उदाहरण Input text fo

  1. HTML DOM Title text प्रॉपर्टी HTML DOM Title text प्रॉपर्टी

    HTML DOM Title text प्रॉपर्टी डॉक्यूमेंट के <title> एलिमेंट के मान को सेट या लौटाती है। सिंटैक्स titleElementObject.text मान सेट करना titleElementObject.text = string उदाहरण <!DOCTYPE html> <html> <head> <title id="titleSelect">HTML DOM Title text</title&g