HTML <input> autocomplete एट्रिब्यूट

<input> एलिमेंट का autocomplete एट्रिब्यूट

<input> एलिमेंट का autocomplete एट्रिब्यूट निर्दिष्ट करता है कि ब्राउज़र को उस इनपुट फ़ील्ड के लिए ऑटोकंप्लीट (स्वत: पूर्ण) चालू रखना चाहिए या बंद। जब चालू होता है, तो ब्राउज़र उपयोगकर्ता द्वारा पहले दर्ज किए गए मानों के आधार पर सुझाव देता है।

वाक्यविन्यास (Syntax)

<input autocomplete="on | off">

on (डिफ़ॉल्ट) - ब्राउज़र पहले दर्ज मानों के आधार पर स्वत: पूर्ण सुझाव देता है।
off - ब्राउज़र स्वत: पूर्ण नहीं करता (संवेदनशील डेटा जैसे OTP, क्रेडिट कार्ड नंबर के लिए उपयोगी)।

उदाहरण

नीचे एक फॉर्म है जहां "Player" फ़ील्ड के लिए autocomplete चालू है:

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="" method="get">
  Player - <input type="text" name="player" autocomplete="on"><br>
  Rank - <input type="number" name="rank"><br>
  Points - <input type="number" name="pts"><br>
  <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

आउटपुट

यदि उपयोगकर्ता पहले "Player" फ़ील्ड में कुछ मान दर्ज कर चुका है, तो कर्सर रखने पर सुझाव दिखाई देंगे:

HTML <input> autocomplete एट्रिब्यूट

कोड विश्लेषण

फॉर्म में एक टेक्स्ट इनपुट है जिसका autocomplete "on" पर सेट है:

<form action="" method="get">
  Player - <input type="text" name="player" autocomplete="on"><br>
  Rank - <input type="number" name="rank"><br>
  Points - <input type="number" name="pts"><br>
  <button type="submit" value="Submit">Submit</button>
</form>

Player इनपुट के लिए autocomplete सक्षम है:

Player - <input type="text" name="player" autocomplete="on">

इसलिए, जब आप Player इनपुट पर कर्सर रखेंगे, तो पहले दर्ज मान दिखाई देंगे।

सर्वोत्तम अभ्यास

संवेदनशील फ़ील्ड (पासवर्ड, क्रेडिट कार्ड, OTP) के लिए autocomplete="off" या autocomplete="new-password" उपयोग करें।
फॉर्म लेवल पर भी सेट कर सकते हैं: <form autocomplete="off">
आधुनिक ब्राउज़र कभी-कभी off को अनदेखा करते हैं यदि उपयोगकर्ता ने पासवर्ड मैनेजर में सहेजा हो।