एचटीएमएल डोम फॉर्म स्वत:पूर्ण संपत्ति फॉर्म तत्व की स्वत:पूर्ण विशेषता से जुड़ी है। स्वत:पूर्ण संपत्ति का उपयोग करके हम दिए गए फॉर्म के स्वत:पूर्ण विशेषता मान को सेट या वापस कर सकते हैं। यह गुण निर्दिष्ट करता है कि इनपुट फ़ील्ड को टेक्स्ट फ़ील्ड में पहले लिखे गए टेक्स्ट के आधार पर उपयोगकर्ता द्वारा लिखे जा रहे टेक्स्ट को स्वत:पूर्ण करना चाहिए।
यदि फॉर्म के लिए स्वत:पूर्ण सेट है और यह इसके विपरीत भी सच है, तो विशिष्ट इनपुट फ़ील्ड के लिए स्वत:पूर्ण संपत्ति को बंद किया जा सकता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैस्वतः पूर्ण गुण सेट करें -
formObject.autocomplete = on|off
यहां, "चालू" डिफ़ॉल्ट रूप से है और ब्राउज़र पिछले पाठ के आधार पर उपयोगकर्ता मानों को स्वत:पूर्ण करने का प्रयास करता है। इसे बंद करने का मतलब है कि ब्राउज़र उपयोगकर्ता इनपुट को पूरा नहीं करेगा और उपयोगकर्ता को स्वयं मान टाइप करना होगा।
उदाहरण
आइए हम स्वत:पूर्ण संपत्ति का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function changeAuto() {
document.getElementById("FORM1").autocomplete = "on";
document.getElementById("Sample").innerHTML = "The input text will now be autocomplete
";
}
</script>
</head>
<body>
<h1>Form autocomplete property example</h1>
<form id="FORM1" autocomplete="off">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Password <input type="password" name="pass"></label>
</form>
<br>
<button onclick="changeAuto()">CHANGE</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने और यूजर नेम फील्ड में टेक्स्ट टाइप करने पर -
उपरोक्त उदाहरण में -
हमने आईडी ="फॉर्म 1" के साथ एक फॉर्म बनाया है और स्वत:पूर्ण "बंद" पर सेट है। इसका मतलब यह है कि उपयोगकर्ता को इस पाठ को स्वत:पूर्ण करने के लिए वेब ब्राउज़र की सहायता के बिना स्वयं मूल्यों को टाइप करना होगा। फ़ॉर्म में एक टेक्स्ट फ़ील्ड और एक पासवर्ड फ़ील्ड भी है -
<form id="FORM1" autocomplete="off"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Password <input type="password" name="pass"></label> </form>
फिर हमने एक बटन बनाया, जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजऑटो () विधि को निष्पादित करेगा -
<button onclick="changeAuto()">CHANGE</button>
चेंजऑटो () विधि getElementById () विधि का उपयोग करके फॉर्म तत्व प्राप्त करती है और इसे स्वत:पूर्ण संपत्ति को "बंद" से "चालू" पर सेट करती है। "नमूना" आईडी वाले अनुच्छेद की आंतरिक HTML संपत्ति का उपयोग करके हम उपयोगकर्ता को टेक्स्ट प्रदर्शित करके यह परिवर्तन दिखाते हैं -
function changeAuto() {
document.getElementById("FORM1").autocomplete = "on";
document.getElementById("Sample").innerHTML = "The input text will now be autocomplete ";
}