फ़ॉर्म एलिमेंट और फ़ॉर्म को इंटरैक्टिव बनाने के बारे में जानने के बाद, आइए देखते हैं कि उपयोगकर्ताओं को दोबारा डेटा डालने से कैसे रोका जा सकता है.
जानकारी ऑटोमैटिक भरने की सुविधा का ज़्यादा से ज़्यादा फ़ायदा पाएं
फ़ॉर्म भरने में समय लग सकता है. उदाहरण के लिए, हर उस साइट पर बार-बार अपना पता डालना, जहां से आपको कुछ खरीदना है, खरीदारी का अनुभव अच्छा नहीं होता.
ऑटोमैटिक भरने की सुविधा इस काम में आपकी मदद कर सकती है. आपको अपना पता एक बार डालना होगा. अब से आपका ब्राउज़र आपको अन्य फ़ॉर्म के लिए अपने-आप वही पता भरने का विकल्प देगा.
क्या आप किसी दूसरे शहर में चले गए हैं? पुराने पते को हमेशा के लिए विकल्प के रूप में पाने की चिंता न करें. ब्राउज़र के पते से जुड़ा जो डेटा सेव है उसमें बदलाव किया जा सकता है, ताकि उसे अप-टू-डेट रखा जा सके.
ब्राउज़र में, जानकारी ऑटोमैटिक भरने की सुविधा कैसे काम करती है?
पता फ़ील्ड अलग-अलग साइटों पर बहुत अलग दिख सकता है. ब्राउज़र को कैसे पता चलता है कि यह एक पता फ़ील्ड है?
ब्राउज़र, पता फ़ील्ड की पहचान करने के लिए
ह्यूरिस्टिक्स का इस्तेमाल करते हैं.
name
, type
, और id
एट्रिब्यूट की वैल्यू क्या हैं?
क्या फ़ॉर्म कंट्रोल में कोई autocomplete
एट्रिब्यूट मौजूद है?
इस जानकारी के आधार पर, ब्राउज़र आपको फ़ील्ड में उसी तरह का पहले से डाला गया डेटा ऑटोमैटिक भरने का विकल्प दे सकते हैं. ब्राउज़र, फ़ॉर्म के पूरे फ़ॉर्म को ऑटोमैटिक भरने की सुविधा भी देते हैं.
ऑटोमैटिक भरने की सुविधा में ब्राउज़र की मदद करें
आइए देखते हैं कि जानकारी को ऑटोमैटिक भरने के सही विकल्प देने के लिए, क्या किया जा सकता है.
ठीक से काम करने वाली विशेषता के मान का इस्तेमाल करें
जैसा कि आपने जाना है, ब्राउज़र किसी फ़ॉर्म कंट्रोल के एट्रिब्यूट को देखकर डेटा टाइप की पहचान कर सकते हैं.
<label for="email">Email</label>
<input type="email" name="email" id="email">
क्या आपके पास ऐसा फ़ील्ड है जिसमें लोगों को अपना ईमेल पता डालना चाहिए?
name
, id
, और type
एट्रिब्यूट की वैल्यू के तौर पर email
का इस्तेमाल करें.
ब्राउज़र के लिए तीन संकेत हैं कि यह एक ईमेल फ़ील्ड है.
ऑटोकंप्लीट एट्रिब्यूट
कुछ और उदाहरण भी हैं, जहां ब्राउज़र को सिर्फ़ name
, id
, और type
एट्रिब्यूट से डेटा टाइप की पहचान करने में अब भी परेशानी हो सकती है.
यहां मदद पाने के लिए, autocomplete
एट्रिब्यूट का इस्तेमाल करें.
क्या आपने उस ब्राउज़र का नाम पहले डाला है जिसका इस्तेमाल किया जा रहा है? शायद ब्राउज़र आपको डेमो में इस फ़ील्ड के लिए इसे दोबारा भरने का विकल्प देगा.
बाद के मॉड्यूल में, ऑटोकंप्लीट की सुविधा और ऑटोमैटिक भरने की सुविधा का इस्तेमाल करने के बारे में ज़्यादा जानें.
जांचें कि आपको कितना समझ आया
जानकारी ऑटोमैटिक भरने की सुविधा के बारे में अपनी जानकारी की जांच करें
जानकारी ऑटोमैटिक भरने की सुविधा किन एट्रिब्यूट के आधार पर दी जाती है?
name
एट्रिब्यूट.type
एट्रिब्यूटautocomplete
एट्रिब्यूट