क्रोम में यदि हम "सेटिंग" पर नेविगेट करते हैं और "पता और अधिक" चुनते हैं यहां छवि विवरण दर्ज करें

तब हम पते सेट करने में सक्षम होते हैं, जिन्हें ब्राउज़र द्वारा कुछ रूपों में सुझाया जा सकता है। यहां छवि विवरण दर्ज करें

मैं समझना चाहता हूं कि कोणीय सामग्री का उपयोग करके पता सुझाव पॉप-अप के प्रदर्शन को वास्तव में क्या ट्रिगर करता है।

मेरे मुट्ठी दृष्टिकोण में मैंने निम्नलिखित कोड की कोशिश की:

<mat-form-field>
  <mat-label [attr.aria-label]="'First Name'">First Name</mat-label>
  <input matInput type="text" />
</mat-form-field>
<mat-form-field>
  <mat-label [attr.aria-label]="'Last Name'">Last Name</mat-label>
  <input matInput type="text" />
</mat-form-field>
<mat-form-field>
  <mat-label [attr.aria-label]="'City'">City</mat-label>
  <input matInput type="text" />
</mat-form-field>
<mat-form-field>
  <mat-label [attr.aria-label]="'Street'">Street</mat-label>
  <input matInput type="text" />
</mat-form-field>
<mat-form-field>
  <mat-label [attr.aria-label]="'Postal Code'">Postal Code</mat-label>
  <input matInput type="text" />
</mat-form-field>

स्टैकब्लिट्ज: https://stackblitz.com/edit/angularmaterialautofill? file=src%2Fapp%2Fapp.component.html

ध्यान दें, कि मैं स्वत: पूर्ण की तलाश नहीं कर रहा हूं, जो इस तरह दिखता है:

enter image description here

सवाल इस पॉपअप के बारे में है:

enter image description here

डीओएम से इस पॉपअप को क्या ट्रिगर करता है? कोणीय सामग्री का उपयोग करके इसे क्या ट्रिगर कर सकता है?

---संपादित करें---

Google डेवलपर पोस्ट में मैंने निम्नलिखित पाया:

"अतीत में, कई डेवलपर ब्राउज़र को किसी भी प्रकार की स्वत: पूर्ण कार्यक्षमता को निष्पादित करने से रोकने के लिए अपने फॉर्म फ़ील्ड में स्वत: पूर्ण = "बंद" जोड़ देते थे। हालांकि क्रोम अभी भी स्वत: पूर्ण डेटा के लिए इस टैग का सम्मान करेगा, यह स्वत: पूर्ण डेटा के लिए इसका सम्मान नहीं करेगा। "

https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

तो autocomplete विशेषता के अलावा कुछ और होना चाहिए, जो एड्रेस ऑटोफिल को ट्रिगर करता है।

उदाहरण के लिए यदि हम City पर क्लिक करते हैं तो यह फॉर्म एड्रेस ऑटोफिल को ट्रिगर करता है: https://developers.google.com/maps/documentation/ जावास्क्रिप्ट/उदाहरण/स्थान-स्वत: पूर्ण-पता प्रपत्र

और अगर हम डोम में City तत्व की जांच करते हैं, तो इसके रूप में autocomplete="off" है और City तत्व में autocomplete विशेषता नहीं है। यहां छवि विवरण दर्ज करें

0
Milan Tenk 3 सितंबर 2021, 18:48
 – 
R. Richards
3 सितंबर 2021, 18:53
@R.रिचर्ड्स यानी autocomplete जो पहले स्क्रीनशॉट को नियंत्रित करता है। यही वह है जिसे मैं नहीं ढूंढ रहा हूं। मैं उस जानकारी की तलाश में हूं, जो ब्राउजर के एड्रेस ऑटोफिल को ट्रिगर करती है जो ऊपर मेरा दूसरा स्क्रीनशॉट है।
 – 
Milan Tenk
3 सितंबर 2021, 18:56

1 उत्तर

सबसे बढ़िया उत्तर

आप अपने इनपुट में 'नाम' विशेषता जोड़ सकते हैं। उपयोगी मूल्यों के लिए यह लिंक देखें। ब्राउज़र मूल रूप से अनुमान लगाता है कि आपके द्वारा जोड़े गए 'नाम' विशेषता के आधार पर स्वत: पूर्ण के लिए कौन से मान प्रदान करना है।

1
steve 3 सितंबर 2021, 19:06
अगर पता सुझाव सिर्फ नाम के साथ आता है, तो वह भी ठीक है। :) मैंने कुछ पता विशिष्ट फ़ील्ड जोड़े, उम्मीद है कि आवश्यक सुझाव ट्रिगर करेगा। लेकिन वह बात नहीं है। मैंने name जोड़ने की कोशिश की, इससे कोई फायदा नहीं हुआ।
 – 
Milan Tenk
3 सितंबर 2021, 19:14
1
मुझे लगता है कि मैंने आपके उत्तर की अच्छी तरह व्याख्या नहीं की। आपका मतलब name था लेकिन autocomplete name मान के साथ नहीं था? उदाहरण के लिए name विशेषता है: w3schools.com/tags/att_name.asp< /ए>. मुझे लगा कि आपका मतलब autocomplete="name" है, क्योंकि autocomplete का संदर्भ था। <input matInput type="text" name="name" /> का उपयोग करते हुए स्वतः भरण पॉप अप हो जाता है!
 – 
Milan Tenk
4 सितंबर 2021, 11:53
1
हां, मेरा यही मतलब था, मैं भविष्य में और अधिक स्पष्ट रूप से उत्तर देने का प्रयास करूंगा। खुशी है कि आपने इसे ठीक कर लिया! अगर इससे मदद मिली तो जवाब स्वीकार करने पर विचार करें;)
 – 
steve
8 सितंबर 2021, 00:15
धन्यवाद मेरे दोस्त!
 – 
steve
8 सितंबर 2021, 18:58