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

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

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

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

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

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

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

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

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

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

अपने-आप जानकारी भरने की सुविधा के लिए ब्राउज़र की मदद करना

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

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

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

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

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

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

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

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

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

देखें कि आपको क्या समझ आया

जानकारी अपने-आप भरने की सुविधा के बारे में अपनी जानकारी की जांच करें

संसाधन

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