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

HTML <form> autocomplete एट्रिब्यूट: ऑटोकंप्लीट चालू/बंद

<form> autocomplete एट्रिब्यूट

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

सिंटैक्स

<form autocomplete="on | off">

मान

  • on: ऑटोकंप्लीट सक्षम (डिफ़ॉल्ट) - ब्राउज़र पहले दर्ज मान सुझाता है
  • off: ऑटोकंप्लीट अक्षम - ब्राउज़र मान सुझाता/सहेजता नहीं

उदाहरण: ऑटोकंप्लीट चालू फॉर्म

<!DOCTYPE html>
<html>
<body>
  <h2>अंक</h2>
  <form action="" method="get" autocomplete="on">
    खिलाड़ी: <input type="text" name="player"><br>
    रैंक: <input type="number" name="rank"><br>
    अंक: <input type="number" name="pts"><br>
    <button type="submit" value="Submit">सबमिट</button>
  </form>
</body>
</html>

आउटपुट

यदि उपयोगकर्ता पहले इसी फॉर्म में मान दर्ज कर चुका है, तो फोकस करने पर सुझाव दिखाई देंगे।

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

पूरे फॉर्म के बजाय व्यक्तिगत इनपुट पर भी सेट कर सकते हैं:

<form autocomplete="on">
  <input name="name" autocomplete="on">        <-- फॉर्म सेटिंग विरासत में लेता है
  <input name="credit-card" autocomplete="off"> <-- संवेदनशील डेटा के लिए बंद
  <input name="email" autocomplete="email">    <-- विशिष्ट प्रकार संकेत
</form>

autocomplete मान (HTML5.1+)

मान उद्देश्य
nameपूरा नाम
emailईमेल पता
usernameउपयोगकर्ता नाम
current-passwordवर्तमान पासवर्ड
new-passwordनया पासवर्ड (जनरेटर के लिए)
telटेलीफोन नंबर
address-line1पता लाइन 1
postal-codeपिन कोड
cc-numberक्रेडिट कार्ड नंबर
cc-expसमाप्ति तिथि
cc-cscCVV/CVC
offकोई ऑटोकंप्लीट नहीं

सुरक्षा/गोपनीयता

  • संवेदनशील फील्ड्स (पासवर्ड, क्रेडिट कार्ड, OTP) पर autocomplete="off" या autocomplete="new-password" उपयोग करें
  • ब्राउज़र्स autocomplete="off" को अनदेखा कर सकते हैं पासवर्ड मैनेजर्स के लिए
  • autocomplete="new-password" पासवर्ड जनरेशन ट्रिगर करता है
  1. HTML novalidate एट्रिब्यूट: फॉर्म वैलिडेशन बायपास करें HTML novalidate एट्रिब्यूट: फॉर्म वैलिडेशन बायपास करें

    HTML novalidate एट्रिब्यूट एक बूलियन एट्रिब्यूट है जो <form> एलिमेंट पर लगाया जाता है। जब यह मौजूद होता है, तो फॉर्म सबमिट करते समय ब्राउज़र की अंतर्निहित HTML5 वैलिडेशन (required, pattern, type, min/max, आदि) छोड़ दी जाती है। यह कस्टम वैलिडेशन लॉजिक लागू करने या सर्वर-साइड वैलिडेशन पर भरोसा

  1. HTML Form method एट्रिब्यूट: GET vs POST HTML Form method एट्रिब्यूट: GET vs POST

    HTML Form method एट्रिब्यूट परिभाषित करता है कि फॉर्म डेटा सर्वर को कैसे भेजा जाए: GET (URL पैरामीटर्स के रूप में) या POST (HTTP रिक्वेस्ट बॉडी में)। यह सुरक्षा, डेटा लंबाई, कैशिंग, और बुकमार्केबिलिटी को प्रभावित करता है। सिंटैक्स (Syntax) <form method=get | post></form> get (डिफ़ॉल

  1. HTML फॉर्म action एट्रिब्यूट HTML फॉर्म action एट्रिब्यूट

    HTML फॉर्म action एट्रिब्यूट परिभाषित करता है कि जब HTML दस्तावेज़ में एक फॉर्म सबमिट किया जाता है तो फॉर्म डेटा कहां भेजा जाए।सिंटैक्सनिम्नलिखित सिंटैक्स है:<form action=”URL”></form>आइए HTML फॉर्म action एट्रिब्यूट का एक उदाहरण देखें:उदाहरण<!DOCTYPE html> <html>