HTML में फॉर्म/इनपुट के लिए ऑटोकंप्लीट कैसे सक्षम/अक्षम करें?

HTML फॉर्म या इनपुट फील्ड में ऑटोकंप्लीट सुविधा को चालू/बंद करने के लिए autocomplete विशेषता का उपयोग किया जाता है। जब यह चालू होता है, तो ब्राउज़र उपयोगकर्ता द्वारा पहले दर्ज किए गए मानों के आधार पर सुझाव दिखाता है।

विशेषता मान

उदाहरण

निम्नलिखित कोड autocomplete विशेषता का उपयोग दर्शाता है:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Autocomplete Attribute</title>
  </head>
  <body>
    <form action="/cgi-bin/hello_get.cgi" method="get" autocomplete="on">
      पूरा नाम <br>
      <input type="text" name="fname"> <br>
      <input type="submit" value="सबमिट" />
    </form>
    
    <hr>
    
    <form autocomplete="off">
      <label>क्रेडिट कार्ड नंबर: <input type="text" name="cc" autocomplete="off"></label>
      <input type="submit" value="भुगतान">
    </form>
  </body>
</html>

व्यक्तिगत फील्ड पर नियंत्रण

आप पूरे फॉर्म के लिए autocomplete सेट कर सकते हैं या व्यक्तिगत फील्ड्स के लिए ओवरराइड कर सकते हैं:

<form autocomplete="on">
  <input name="name" autocomplete="on">       <!-- चालू -->
  <input name="email" autocomplete="email">    <-- विशिष्ट प्रकार -->
  <input name="cc-number" autocomplete="off">  <-- बंद -->
  <input name="cc-cvc" autocomplete="off">
</form>

सामान्य autocomplete मान (HTML5.1+)

• name, email, tel, url
• username, current-password, new-password
• address-line1, postal-code, country
• cc-number, cc-exp, cc-csc
• off - संवेदनशील डेटा के लिए