पता भरने में समय लग सकता है और यह मुश्किल भी हो सकता है. पते की दूसरी लाइन का इस्तेमाल किस लिए किया जाता है? ऐसा हो सकता है कि आपका कोई उपनाम न हो. ऐसे में, आपको उपनाम फ़ील्ड में क्या डालना चाहिए? इन भ्रमों से बचें और उपयोगकर्ताओं को पता भरने वाले फ़ॉर्म भरने में मदद करें.
उपयोग में आसान फ़ॉर्म बनाना
कई फ़ॉर्म में, पहले नाम के लिए एक फ़ील्ड और उपनाम के लिए एक फ़ील्ड होता है.
हालांकि, कुछ लोगों का कोई उपनाम नहीं होता या उनके नाम के दो हिस्से नहीं होते. ऐसे में, उन्हें उपनाम वाला फ़ील्ड कैसे भरना चाहिए? नाम फ़ील्ड के लिए, एक ही <input> का इस्तेमाल करें. नाम के अलग-अलग फ़ॉर्मैट को मैनेज करने के बारे में ज़्यादा जानें.
रिसर्च के मुताबिक,
पता पंक्ति 2 से उपयोगकर्ताओं को उलझन हो सकती है. पूरे पते के लिए <textarea> का इस्तेमाल करें या पते की दूसरी लाइन फ़ील्ड को <button> के पीछे छिपाएं.
फ़ॉर्म कंट्रोल के ब्यौरे देते समय सावधानी बरतें.
उदाहरण के लिए, अमेरिका में रहने वाले लोग ज़िप कोड और यूनाइटेड किंगडम में रहने वाले लोग पोस्टकोड कहते हैं.
<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" का इस्तेमाल करें.