फ़ॉर्म में डेटा दोबारा डालने से बचने में उपयोगकर्ताओं की मदद करना

इस टूल के बारे में जानने के बाद फ़ॉर्म एलिमेंट और फ़ॉर्म बनाने का तरीका इंटरैक्टिव, आइए देखते हैं कि उपयोगकर्ताओं को डेटा दोबारा डालने से कैसे रोका जा सकता है.

जानकारी ऑटोमैटिक भरने की सुविधा का ज़्यादा से ज़्यादा फ़ायदा पाएं

फ़ॉर्म भरने में समय लग सकता है. उदाहरण के लिए, हर उस साइट पर बार-बार अपना पता दोबारा डालना जहां आपको कुछ खरीदना है, खरीदारी का बेहतरीन अनुभव नहीं देता.

अपने-आप जानकारी भरने की सुविधा से, आपको यहां मदद मिल सकती है. आपको एक बार अपना पता डालना होगा. अब से आपका ब्राउज़र, आपको दूसरे फ़ॉर्म के लिए अपने-आप वही पता भरने का विकल्प देगा.

क्या आप किसी दूसरे शहर में रहने लगे हैं? पुराने पते को हमेशा विकल्प के रूप में पाने के बारे में चिंता न करें. अपने ब्राउज़र के सेव किए गए पते के डेटा में बदलाव किया जा सकता है, ताकि उसे अप-टू-डेट रखा जा सके.

ब्राउज़र में, जानकारी ऑटोमैटिक भरने की सुविधा कैसे काम करती है?

अलग-अलग साइटों पर पता फ़ील्ड बहुत अलग-अलग दिख सकता है. ब्राउज़र को कैसे पता चलता है कि यह एक पता फ़ील्ड है?

ब्राउज़र, इनका इस्तेमाल करते हैं अनुभव के आधार पर तय करें. name, type, और id एट्रिब्यूट की वैल्यू क्या हैं? क्या फ़ॉर्म कंट्रोल में कोई autocomplete एट्रिब्यूट मौजूद है?

इस जानकारी के आधार पर, ब्राउज़र किसी फ़ील्ड में, पहले डाले गए इसी तरह के डेटा को ऑटोमैटिक भरने का विकल्प दे सकते हैं. ब्राउज़र पूरे फ़ॉर्म को ऑटोमैटिक भरने की सुविधा भी दे सकते हैं.

ऑटोमैटिक भरने की सुविधा से ब्राउज़र की मदद करें

आइए देखें कि अपने-आप जानकारी भरने के सही विकल्प देने में ब्राउज़र की मदद करने के लिए, क्या किया जा सकता है.

एट्रिब्यूट की सही वैल्यू इस्तेमाल करें

जैसे-जैसे आपको पता चलता है, ब्राउज़र किसी फ़ॉर्म कंट्रोल के एट्रिब्यूट को देखकर, डेटा टाइप की पहचान कर सकते हैं.

<label for="email">Email</label>
<input type="email" name="email" id="email">

क्या आपने कोई ऐसा फ़ील्ड चुना है जिसमें उपयोगकर्ताओं को अपना ईमेल पता डालना चाहिए? name, id, और type एट्रिब्यूट की वैल्यू के तौर पर email का इस्तेमाल करें. ब्राउज़र के लिए तीन संकेत हैं कि यह एक ईमेल फ़ील्ड है.

ऑटोकंप्लीट एट्रिब्यूट

ऐसे और भी उदाहरण हैं जहां ब्राउज़र के लिए सिर्फ़ name, id, और type एट्रिब्यूट से डेटा टाइप की पहचान करना मुश्किल हो सकता है. यहां मदद करने के लिए, autocomplete एट्रिब्यूट का इस्तेमाल किया जा सकता है.

क्या आपने अपने द्वारा उपयोग किए जा रहे ब्राउज़र में पहले कोई नाम दर्ज किया है? ऐसा हो सकता है कि ब्राउज़र आपको डेमो में इस फ़ील्ड के लिए, जानकारी भरने का विकल्प फिर से दे.

इसके बारे में ज़्यादा जानने के लिए, ऑटोकंप्लीट और ऑटोमैटिक भरने की सुविधा को बाद के मॉड्यूल में सबमिट करना होगा.

देखें कि आपको कितना समझ आया है

जानकारी ऑटोमैटिक भरने की सुविधा के बारे में सही जानकारी पाएं

संसाधन

• ऑटोकंप्लीट एट्रिब्यूट
• ऑटोमैटिक भरना: वेब डेवलपर को कौनसी जानकारी पता होनी चाहिए, लेकिन क्या नहीं