पता भरने में समय लग सकता है और परेशानी हो सकती है. पते की दूसरी लाइन क्या है? शायद आपका कोई उपनाम नहीं हो, इसलिए आपको सरनेम फ़ील्ड में क्या डालना चाहिए? इस तरह की ग़लतफ़हमियों से बचें और उपयोगकर्ताओं को पते के फ़ॉर्म भरने में मदद करें.
पक्का करें कि पता फ़ॉर्म इस्तेमाल करने में आसान हो
कई फ़ॉर्म में, नाम के लिए एक फ़ील्ड और उपनाम के लिए एक फ़ील्ड का इस्तेमाल किया जाता है.
हालांकि, कुछ लोगों का कोई सरनेम नहीं होता है या उनके नाम के दो हिस्से नहीं होते हैं.
इसलिए, उन्हें सरनेम फ़ील्ड में जानकारी कैसे डालनी चाहिए? नाम वाले फ़ील्ड के लिए एक ही <input> का इस्तेमाल करें.
नाम के अलग-अलग फ़ॉर्मैट मैनेज करने के बारे में ज़्यादा जानें.
साथ ही, मोहल्ले के पते के लिए एक ही <input> इस्तेमाल करें–हर पते का मोहल्ले का नंबर न हो.
फ़ॉर्म कंट्रोल के ब्यौरों में सावधानी बरतें.
उदाहरण के लिए, अमेरिका के उपयोगकर्ताओं का मतलब है कि यूके के पोस्टकोड में ZIP है.
<label for="zip">ZIP or postal code (optional)</label> का इस्तेमाल करके पक्का करें कि उपयोगकर्ताओं को पता है कि उन्हें कौनसा डेटा डालना है.
पिन कोड फ़ील्ड को वैकल्पिक बनाएं–हर पते का पिन कोड नहीं होता.
पता डालने में उपयोगकर्ताओं की मदद करें
autocomplete एट्रिब्यूट की मदद से, उपयोगकर्ता अपना पता फिर से डाल सकते हैं:
autocomplete="name"autocomplete="street-address"autocomplete="postal-code"autocomplete="country"
autocomplete के लिए स्पेस से अलग करके, कई वैल्यू तय की जा सकती हैं.
मान लें कि आपके पास शिपिंग पते वाला एक फ़ॉर्म है और बिलिंग पते के लिए दूसरा फ़ॉर्म है.
ब्राउज़र को यह बताने के लिए कि बिलिंग पते के लिए कौनसा पिन कोड है, autocomplete="billing postal-code" का इस्तेमाल किया जा सकता है.
शिपिंग पते के लिए, पहली वैल्यू के तौर पर shipping का इस्तेमाल करें.
enterkeyhint एट्रिब्यूट का इस्तेमाल करके, ऑन-स्क्रीन कीबोर्ड पर Enter बटन का लेबल बदलें.
आखिरी फ़ॉर्म कंट्रोल के लिए enterkeyhint="done" का इस्तेमाल करें. साथ ही, दूसरे फ़ॉर्म कंट्रोल के लिए enterkeyhint="next" का इस्तेमाल करें.