मैं आपको ब्राउज़र ऑटोफ़िल की एक सुविधा के बारे में बताऊंगा जो आपको लॉगिन फ़ॉर्म बनाने से रोकती है

हम किस बारे में बात कर रहे हैं?

मान लीजिए कि हमारे पास कुछ लॉगिन फॉर्म है, कुछ इस तरह:

अगर आप अभी बटन पर क्लिक करेंगे तो फॉर्म सबमिट हो जाएगा। लॉगिन और पासवर्ड निर्दिष्ट नहीं हैं, इसलिए सेवा के लिए मानक सत्यापन आमतौर पर काम करता है, और फॉर्म किसी तरह सूचित करता है कि दो फ़ील्ड भरने की आवश्यकता है।

आपको कुछ इस तरह मिलेगा:

इंटरनेट पर अधिकांश सेवाएँ बिल्कुल यही करती हैं। मैंने विभिन्न सेवाओं से कुछ लॉगिन फॉर्म एकत्र किए। यहाँ:

रिक्त फॉर्म जमा करते समय, एक या दो त्रुटि संदेश दिखाए जाते हैं। कई लोग सोच सकते हैं कि यह बहुत विनम्र नहीं है।

खाली फॉर्म के सत्यापन को बाध्य न करने के लिए, आप लॉगिन बटन को तब तक अक्षम कर सकते हैं जब तक कि दोनों फ़ील्ड में कुछ न भर दिया जाए। यह सत्यापित करना कि दोनों फ़ील्ड खाली हैं, कभी काम नहीं आएगा।

एक विशेष जावास्क्रिप्ट कोड दोनों फ़ील्ड के मानों की जाँच करता है, और यदि दोनों में कुछ दर्ज किया जाता है, तो यह लॉगिन बटन चालू कर देता है।

कड़ाई से बोलते हुए, जावास्क्रिप्ट अक्षम लोगों के लिए लॉगिन फॉर्म काम करने के लिए, ऐसा करना बेहतर है: जब पृष्ठ लोड होता है, तो बटन सक्रिय होता है, फिर जावास्क्रिप्ट बटन को बंद कर देता है, और दूसरा इसे वापस चालू कर देगा जब खेत भर गए हैं. यदि उपयोगकर्ता के पास जावास्क्रिप्ट नहीं है, तो बटन सक्षम हो जाएगा और वह फॉर्म जमा कर सकेगा।

अब सब कुछ ठीक लग रहा है:

समस्या क्या है

लॉगिन फॉर्म को ब्लॉक करने की एक दूसरी समस्या भी है - टूटे हुए यांडेक्स की समस्या

लेकिन यहां कठोर वास्तविकता डिज़ाइन में हस्तक्षेप करती है। यदि क्रोम में ऑटोफिल काम करता है, तो फ़ील्ड भरे जाएंगे (क्रोम ऑटोफिल फ़ील्ड को पीले रंग में हाइलाइट करेगा), लेकिन बटन अवरुद्ध हो जाएगा:

डब्ल्यूटीएफ? क्या हो रहा है?

यह Chrome में सुरक्षा प्रणाली थी जिसने ट्रिगर किया। यदि फ़ील्ड का स्वचालित भरना सक्षम है, तो क्रोम फ़ील्ड भरता है, लेकिन जावास्क्रिप्ट के माध्यम से उनके मूल्यों तक कोई पहुंच नहीं होगी। फ़ील्ड मानों तक पहुंच तब तक अवरुद्ध रहेगी जब तक उपयोगकर्ता पृष्ठ के साथ स्पष्ट रूप से इंटरैक्ट नहीं करता, उदाहरण के लिए, माउस से कहीं क्लिक करके। यह उन्हें XSS कमजोरियों वाली खराब डिज़ाइन वाली साइटों पर डेटा चोरी से बचाता है।

यहां Chrome बग ट्रैकर में समस्या है: bugs.chromium.org/p/chromium/issues/detail?id=163072।

इसके अलावा, यदि उपयोगकर्ता अवरुद्ध लॉगिन बटन पर क्लिक करता है, तो सुरक्षा तुरंत बंद हो जाएगी, जावास्क्रिप्ट फ़ील्ड की सामग्री प्राप्त करेगा, बटन को सक्षम करेगा, और उसके पास उसी क्लिक के साथ क्लिक करने का समय भी होगा! यानी फॉर्म असल में काम करेगा. सही दिमाग वाला कोई भी व्यक्ति अवरुद्ध बटन पर क्लिक नहीं करेगा।

आप बाहर कैसे निकल सकते हैं

समस्या से छुटकारा पाने के लिए, आप हमेशा उस व्यवहार पर लौट सकते हैं जो मूल रूप से था - बटन को ब्लॉक न करें और उसे दबाए रहने दें। लेकिन अगर आप ऐसा नहीं करना चाहते हैं, तो यहां कुछ अन्य विकल्प दिए गए हैं:

1. कैच फ़ील्ड स्वत: पूर्ण

वास्तव में, एक स्वत:भरे फ़ील्ड को खाली फ़ील्ड से अलग किया जा सकता है। यदि एप्लिकेशन समझता है कि ऑटोफिल ट्रिगर किया गया था, तो लॉगिन बटन सक्षम है, भले ही जावास्क्रिप्ट कहता है कि लॉगिन और पासवर्ड फ़ील्ड खाली हैं।

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

2. दबाने की अनुमति दें, लेकिन दो लाल शिलालेख न दिखाएं

दूसरा तरीका यह है कि बटन को ब्लॉक न करें, लेकिन साथ ही दो लाल संदेश न दिखाएं "प्रिय उपयोगकर्ता, हमें खेद है कि आप दो फ़ील्ड भरने में सक्षम नहीं हैं।" आप खाली फॉर्म को अधिक शानदार तरीके से सबमिट कर सकते हैं। उदाहरण के लिए, आप लॉगिन फॉर्म को हिला सकते हैं, जैसे जेप्लिन करता है (http://app.zeplin.io)।

3. डिज़ाइन बदलें ताकि क्रोम सुरक्षा अक्षम हो जाए

तीसरा विकल्प इसे फिर से डिज़ाइन करना है ताकि उपयोगकर्ता को पेज के साथ इंटरैक्ट करने के लिए मजबूर होना पड़े। इस स्थिति में, Chrome सुरक्षा को अक्षम कर देगा और फ़ॉर्म को ब्लॉक/अनब्लॉक करना सही ढंग से काम करेगा।

उदाहरण के लिए, लेबेडेव स्टूडियो वेबसाइट पर, लॉगिन एक पॉप-अप विंडो में है, इसलिए जब तक लॉगिन फॉर्म दिखाई देगा, क्रोम ने सभी सुरक्षा अक्षम कर दी होगी और ऑटोफिल हस्तक्षेप नहीं करेगा।

ऐप्पल लॉगिन फ़ील्ड पर क्लिक करने के बाद ही पासवर्ड फ़ील्ड दिखाता है, और इस बिंदु तक ब्राउज़रों का भ्रम कम हो जाता है, ऑटोफ़िल भी काम करता है:

ये पाई हैं.

हर दिन, इंटरनेट उपयोगकर्ताओं को वेबसाइटों और ऑनलाइन स्टोरों पर विभिन्न फॉर्म भरने पड़ते हैं। और इससे अक्सर हमारा कीमती समय बर्बाद हो जाता है।

आइए, उदाहरण के लिए, एक टूर ऑपरेटर की वेबसाइट लें। इतने सारे क्षेत्र, है ना?

और मुझे कहना होगा कि प्रत्येक में जाना और चुनना काफी बोझिल है। खासकर यदि आपको ऐसा कई बार करना पड़े।

आख़िरकार, आपके द्वारा निर्धारित मापदंडों के अनुसार दौरे का चयन हमेशा उपलब्ध नहीं होता है और आपको शर्तों को समायोजित करना पड़ता है। लेकिन यदि आप निश्चित रूप से एक ऐसा दौरा खोजने का निर्णय लेते हैं जो 100% आपकी आवश्यकताओं को पूरा करता है, और इस तथ्य के बावजूद कि हमेशा स्थान उपलब्ध नहीं होते हैं, तो हर बार समान खोज मापदंडों को फिर से दर्ज करना एक काफी नियमित कार्य होगा।

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

एक्सवेब ह्यूमन एमुलेटर प्रोग्राम की विशेषताएं

• स्वतः भरण प्रपत्र और पाठ फ़ील्ड।
• साइट के किसी भी तत्व के साथ कार्य को रिकॉर्ड करें और दोहराएँ।
• डेटा का संग्रह, तुलना, भंडारण और भेजना।
• इसमें एक अंतर्निहित कार्य अनुसूचक है जिसे आपके द्वारा निर्दिष्ट समय पर लॉन्च किया जा सकता है।
• काम करते समय, आप इसे सिस्ट्रे में रोल कर सकते हैं। इससे अन्य अनुप्रयोगों के प्रदर्शन पर किसी भी तरह का प्रभाव नहीं पड़ेगा।

जैसा कि आप देख सकते हैं, यह भी प्रोग्राम को कार्यात्मक रूप से समृद्ध कहने के लिए पर्याप्त है।

और अब, मैं आपको एक उदाहरण के साथ दिखाऊंगा कि आप किसी वेबसाइट पर फॉर्म भरने की प्रक्रिया को कैसे स्वचालित कर सकते हैं।

स्वतः भरण प्रपत्र

पता बार में (पीले मार्कर से हाइलाइट किया गया)। नीचे, प्रोग्राम विंडो के दाईं ओर, पर्यटन की खोज और बुकिंग के लिए एक फॉर्म वाला एक वेब पेज लोड किया गया है।

2. मुख्य मेनू में "मैक्रो" अनुभाग चुनें और "रिकॉर्ड" पर क्लिक करें।हॉट की Ctrl+Shift+R दबाकर भी ऐसा किया जा सकता है। अब प्रोग्राम हमारे सभी कार्यों को एक अलग मैक्रो में रिकॉर्ड करेगा।

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

स्वत: पूर्ण का उपयोग करना

पहले दर्ज किए गए मान का उपयोग करने के लिए:

1. प्रपत्र फ़ील्ड में प्रविष्टि के पहले कुछ अक्षर दर्ज करें। फ़ायरफ़ॉक्स आपके द्वारा पहले यहां दर्ज किए गए मानों से मेल खाने वाले शुरुआती वर्णों के साथ एक ड्रॉप-डाउन सूची प्रदर्शित करेगा।
   • फ़ील्ड खाली होने पर ↓ कुंजी दबाकर आप किसी विशिष्ट प्रपत्र फ़ील्ड के लिए सहेजे गए सभी रिकॉर्ड की सूची देख सकते हैं।
2. जिस प्रविष्टि का आप पुन: उपयोग करना चाहते हैं उसे चुनने के लिए ↓ कुंजी दबाएँ। जब मिलान प्रविष्टि हाइलाइट हो जाए, तो क्लिक करें प्रवेश करनावापस करना. प्रविष्टि का पाठ प्रपत्र फ़ील्ड में दिखाई देगा. आप माउस क्लिक करके भी वांछित मान का चयन कर सकते हैं.

व्यक्तिगत संग्रहीत मानों को हटाना

यदि आप स्वत: पूर्ण सूची से कोई मान हटाना चाहते हैं:

1. कर्सर को फॉर्म फ़ील्ड में रखें और सभी संग्रहीत मान प्रदर्शित करने के लिए ↓ दबाएँ। आप पहले कुछ अक्षर दर्ज करके भी अपने चयन को परिष्कृत कर सकते हैं।
2. वांछित मान को हाइलाइट करने के लिए माउस पॉइंटर या ↓ कुंजी का उपयोग करें।
3. क्लिक शिफ्ट+मिटाना। प्रविष्टि हटा दी जाएगी.

प्रत्येक प्रविष्टि के लिए प्रक्रिया दोहराएँ जिसे आप हटाना चाहते हैं।

क्लियरिंग फॉर्म इतिहास

यदि आप चाहते हैं कि फ़ायरफ़ॉक्स पहले से दर्ज सभी फॉर्म प्रविष्टियों को हटा दे:

ऑटोफ़िल को कैसे अक्षम करें और फ़ायरफ़ॉक्स को फ़ॉर्म में दर्ज किए गए आगे के मानों को याद रखने से कैसे रोकें

यदि आप चाहते हैं कि फ़ायरफ़ॉक्स फ़ॉर्म फ़ील्ड में दर्ज किए गए मानों को याद न रखे, तो आप फ़ॉर्म ऑटोफ़िल सुविधा को अक्षम कर सकते हैं:

दर्ज किए गए मानों को याद रखने को अक्षम करने से नेविगेशन बार में खोज बार में खोज इतिहास भी अक्षम हो जाएगा।

समस्या निवारण

यदि आप पाते हैं कि फ़ायरफ़ॉक्स फॉर्म फ़ील्ड में दर्ज किए गए मानों को याद नहीं रखता है, या आप उनका चयन नहीं कर सकते हैं, तो कृपया लेख पढ़ें

सभी के लिए व्यक्तिगत कम्प्यूटर्स, लैपटॉप, मोबाइल उपकरणोंसाथ ऑपरेटिंग सिस्टमएंड्रॉइड क्रोम ब्राउज़र स्थापित। यह विभिन्न इंटरनेट संसाधनों को देखने की मुख्य इकाई है।

कई उपयोगकर्ता इस प्रणाली को पसंद करते हैं, लेकिन ऑटोफ़िल फ़ंक्शन की उपस्थिति अक्सर उन्हें भ्रमित करती है। इसे पूरी तरह से अक्षम करना संभव है, और उपयोगकर्ता यह पता लगाने में सक्षम होंगे कि यह अब कैसे किया जाता है।

ब्राउज़र पर ऑटोलोडिंग कैसे बंद करें, गूगल क्रोम सेटिंग्स की विशेषताएं

क्रोम ब्राउज़र की ध्रुवीयता इसकी उन्नत सुविधाओं के कारण खुलती है। जानकारी खोजने, डाउनलोड करने के लिए सिस्टम का उपयोग करना सुविधाजनक है विभिन्न फ़ाइलें, वीडियो देखना, ऑडियो सुनना। क्रोम में काफी उपयोगी गुण हैं, लेकिन हर किसी को ऑटोफिल फ़ंक्शन पसंद नहीं है। यदि कोई व्यक्ति मैन्युअल रूप से सभी डेटा दर्ज करने में सक्षम होने के लिए ब्राउज़र से इस सेटिंग को हटाना चाहता है, तो उसे निम्नलिखित युक्तियों पर ध्यान देना चाहिए।

ऑटोफिल - यह सेटिंग कहां है और इसे कैसे बदलें

गूगल क्रोम ही काफी है तेज़ ब्राउज़र, जिसका उपयोग 80% से अधिक लोगों द्वारा किया जाता है कंप्यूटर उपकरण. सिस्टम उपयोगकर्ता के जीवन को आसान बनाने, समय बचाने और पहली बार में डेटा सही ढंग से दर्ज करने के लिए ऑटोलोडिंग का उपयोग करता है। यदि किसी व्यक्ति को किसी कारण से इस विशेष सेटिंग को हटाना है, तो उसे निम्नलिखित कार्य करना चाहिए:

व्यक्तिगत कंप्यूटर उपकरणों और मोबाइल गैजेट्स के मालिकों द्वारा ऑटोफिल फ़ंक्शन को हटाना उसी एल्गोरिदम का उपयोग करके किया जाना चाहिए। ऑटोफ़िल को हटाने के लिए, उपयोगकर्ता को केवल कुछ मिनटों की आवश्यकता होगी; ऑटोफ़िल को निम्नानुसार कॉन्फ़िगर किया जा सकता है:

• उपयोगकर्ता को अपने कंप्यूटर या मोबाइल डिवाइस के सामान्य सेटिंग मेनू पर जाना होगा;
• पूरे मेनू में स्क्रॉल करने के बाद, उसे आइटम "प्रोग्राम या एप्लिकेशन प्रबंधित करें" ढूंढना चाहिए;
• इस आइटम पर जाने के बाद, व्यक्ति को क्रोम आइकन का चयन करना होगा और इसकी सेटिंग्स में स्टार्टअप ढूंढना होगा;
• उपयोगकर्ता द्वारा इस आइटम में लॉग इन करने के बाद, उसे डेटा हटाना होगा और क्रोम को पुनरारंभ करना होगा।

स्टार्टअप को हटाने और अनावश्यक डेटा को मिटाने के लिए दोनों विधियाँ उपयोगकर्ता के लिए उपयुक्त हैं।

क्रोम - ऑटोरन को पुन: कॉन्फ़िगर कैसे करें

क्रोम में ऑटोफिल एक सुविधा है जो उपयोगकर्ता को ब्राउज़र की स्थापना के साथ मिलती है। उपयोगकर्ता द्वारा ऑटोफ़िल अक्षम करने के बाद, वह स्वतंत्र रूप से इस फ़ंक्शन को पुनर्स्थापित कर सकता है। ऑटोफ़िल को पुनः सक्रिय करने के लिए, उपयोगकर्ता को निम्नलिखित कार्य करना होगा:

• मुख्य टूलबार पर, सेटिंग मेनू चुनें;
• उन्नत ब्राउज़र सेटिंग्स पर जाएं और "सेटिंग्स प्रबंधित करें" चुनें;
• सक्रियण बटन पर क्लिक करके "पासवर्ड और फॉर्म" उपधारा ढूंढें, ऑटोलोडिंग प्रारंभ करें।

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

कंप्यूटर या मोबाइल क्रोम ब्राउज़र पर स्टार्टअप को हटाना केवल तभी संभव है जब उपयोगकर्ता सेटिंग मेनू पर जाता है। यदि, मुख्य पैरामीटर बदलने के बाद, सिस्टम पिछले मोड में काम करना जारी रखता है, तो इसका मतलब है कि उपयोगकर्ता अपने डिवाइस को रीबूट करना भूल गया है।

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

ऑटोरन को ऑटोफ़िल को हटाने की तरह ही पुनर्स्थापित करना संभव है। उपयोगकर्ता ब्राउज़र सेटिंग्स मेनू या सामान्य डिवाइस सेटिंग्स में किए गए कार्यों की शुद्धता की जांच कर सकता है।

लोग फॉर्म भरने से नफरत करते हैं, खासकर मोबाइल उपकरणों पर। फ़ॉर्म लंबे और डराने वाले हो सकते हैं, उनमें अक्सर कई चरण और जाँचें होती हैं, और उन्हें भरना उपयोगकर्ता के लिए निराशाजनक और निराशाजनक हो सकता है। इस प्रक्रिया को आसान बनाने के लिए, ब्राउज़र पिछले कुछ समय से उपयोगकर्ता की ओर से फ़ील्ड को ऑटोफ़िल करने की क्षमता जोड़ रहे हैं। क्रोम ने 2011 में ऑटोफिल की शुरुआत करके ऐसा किया, जो उपयोगकर्ता के ऑटोफिल प्रोफाइल से डेटा का उपयोग करके एक संपूर्ण फॉर्म भर सकता है।

Chrome (M43) के अगले संस्करण में, हम फ़ॉर्म भरना और भी आसान और तेज़ बना देंगे: हम क्रेडिट कार्ड और पते से डेटा के लिए समर्थन का विस्तार करेंगे गूगल मानचित्र. इसका मतलब यह है कि उसी डेटा का उपयोग खरीदारी के लिए किया जा सकता है गूगल प्ले, और बाहरी साइटों पर। यदि आप मानक विशेषताओं का उपयोग करते हैं स्वत: भरण, आप निश्चिंत हो सकते हैं कि उपयोगकर्ताओं को आपकी साइट पर फ़ॉर्म के साथ इंटरैक्ट करने में बहुत अच्छा समय लगेगा क्योंकि Chrome की ऑटोफ़िल उन्हें 100% सटीकता के साथ भर सकती है।

एक डेवलपर के रूप में स्वत: पूर्ण विशेषताएँ आपके लिए यह नियंत्रित करने का एक तरीका है कि ब्राउज़र को किसी विशिष्ट फ़ील्ड को वास्तव में कैसे भरना चाहिए। उदाहरण के लिए, यदि आप उपयोगकर्ता से सड़क का नाम दर्ज करने की उम्मीद करते हैं, तो आप ब्राउज़र को यह बताने के लिए autocomplete='address-line1' का उपयोग कर सकते हैं कि आप किस प्रकार का डेटा प्राप्त करने की उम्मीद करते हैं। यह ब्राउज़र को ग़लत अनुमान लगाने और फ़ॉर्म फ़ील्ड भरने से रोकेगा, जो उपयोगकर्ता के लिए असुविधाजनक होगा।

हमारी टिप्पणियों से पता चलता है कि जब प्रपत्रों में स्वत: पूर्ण विशेषताओं का सही ढंग से उपयोग किया जाता है, तो उपयोगकर्ता उन्हें लगभग 30% तेजी से पूरा करते हैं। और चूंकि स्वत: पूर्णता WHATWG HTML मानक का हिस्सा है, हमें उम्मीद है कि अन्य ब्राउज़र निकट भविष्य में इसका समर्थन करना शुरू कर देंगे।

अतीत में, कई डेवलपर्स ने स्वत: पूर्ण से संबंधित किसी भी ब्राउज़र कार्रवाई को अवरुद्ध करने के लिए फॉर्म फ़ील्ड में स्वत: पूर्ण = "बंद" जोड़ा था। जबकि Chrome अभी भी इस विशेषता का उपयोग करता है स्वत: पूर्णता, वह इसका उपयोग नहीं करेगा स्वत: भरण. आपको autocomplete='off' का उपयोग कब करना चाहिए? उदाहरण के लिए, यदि आपने खोज के लिए स्वत: पूर्ण का अपना संस्करण बनाया है। या फिर आपकी वेबसाइट पर ऐसे फॉर्म हैं जिनमें उपयोगकर्ता विभिन्न डेटा दर्ज करते हैं जिन्हें ब्राउज़र को याद रखने की आवश्यकता नहीं होती है।

सर्वाधिक सामान्य गुण स्वत: भरणनीचे दी गई तालिका में दिखाए गए हैं, और उन्हें वेब बेसिक्स में भी वर्णित किया गया है।

बुनियादी गुण

नाम

मेल

पता

टेलीफ़ोन

स्वत: पूर्ण विशेषताओं को अनुभाग नाम के साथ पूरक किया जा सकता है, उदाहरण के लिए:

• शिपिंग- नाम
• बिलिंग- गली का पता

भुगतान प्रपत्र का उदाहरण

प्रपत्रों के साथ काम करते समय उपयोगी आदतें

इनपुट फ़ील्ड के लिए लेबल का उपयोग करेंऔर सुनिश्चित करें कि जब फ़ील्ड फोकस में हो तो वे दिखाई दें। लेबल तत्व उपयोगकर्ता को बताता है कि फ़ील्ड में कौन सी जानकारी दर्ज करनी है। फ़ील्ड को लेबल तत्व के अंदर रखकर किसी लेबल को टेक्स्ट फ़ील्ड से जोड़ा जा सकता है। प्रपत्र तत्वों पर लेबल का उपयोग करने से डेटा प्रविष्टि भी अधिक सुविधाजनक हो जाती है: उपयोगकर्ता फ़ील्ड पर फ़ोकस सेट करने और टाइपिंग शुरू करने के लिए टेक्स्ट फ़ील्ड और उसके लेबल दोनों पर क्लिक कर सकता है।

प्लेसहोल्डर्स का उपयोग करेंइनपुट फ़ील्ड के लिए टूलटिप्स के रूप में। प्लेसहोल्डर विशेषता उपयोगकर्ता को बताती है कि टेक्स्ट फ़ील्ड में कौन सी सामग्री अपेक्षित है। आमतौर पर, टूलटिप्स तब तक हल्के टेक्स्ट में दिखाई देते हैं जब तक उपयोगकर्ता टाइप करना शुरू नहीं करता है, और जैसे ही उपयोगकर्ता टाइप करना शुरू करता है गायब हो जाते हैं। इस प्रकार, प्लेसहोल्डर लेबल के प्रतिस्थापन नहीं हैं, और उन्हें फ़ील्ड की सामग्री और उसके प्रारूप के बारे में उपयोगकर्ता को मार्गदर्शन करने के लिए संकेत के रूप में उपयोग किया जाना चाहिए।

डेमो

मूल लेख: ऑटोफिल के साथ उपयोगकर्ताओं को तेजी से चेकआउट करने में मदद करें लेख प्रूफरीड द्वारा: साइलेंटइम्प, ग्रेबैक्स, योकसेल, एफएमरोबोट