फोनगैप इनपुट प्रकार पासवर्ड फ़ील्ड फोकस

Question

मैंने फोनगैप में एक ऐप विकसित किया। इनपुट टैग में यदि मैं टाइप = 'टेक्स्ट' देता हूं तो यह अच्छी तरह से काम करता है। लेकिन जब मैं इनपुट प्रकार = 'पासवर्ड' देता हूं तो एक और फ़ील्ड वर्तमान फ़ील्ड पर खुलता है।

मैं कैसे ऊपर क्षेत्र को हटा सकते हैं ..

मेरी सीएसएस

.login-screen input.login {-webkit-border-radius:4px; width:90%; border:none; height:33px; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(150, 150, 150, 0.9); 
-moz-box-shadow: inset 0px 1px 2px 0px rgba(150, 150, 150, 0.9); box-shadow: inset 0px 1px 2px 0px rgba(150, 150, 150, 0.9); padding-left:10px; margin-bottom:10px;} 

एचटीएमएल

<td align="center"><input type="text" id="vEmail" name="vEmail" title="Enter Email" value="" alt="" class="login" /></td> 
     </tr> 
     <tr> 
     <td align="center" ><input type="password" id="vPassword" name="vPassword" title="Enter Password" value="" alt="" class="login"/></td> 
     </tr> 

मैं आशा यू इस छवि को देखकर अधिक समझ सकता है!

अगर मैं मैं अपनी कार्यशील ठीक ... मैं कैसे यह और भी काम है, हालांकि मैं स्क्रॉल प्रयोग किया जाता है

Answer 1

मैं इस से बचने के लिए कर लिया है का उपयोग किया एंड्रॉयड: windowSoftInputMode = "adjustNothing"। + Sandy09 ओवरले + स्थिति के बारे में सही है। ऐसा लगता है कि इससे बचने का एकमात्र अच्छा तरीका है IME प्रारंभ (समायोजन कुछ भी) पर सामग्री को स्थानांतरित करने से एंड्रॉइड को रोकने के लिए, और वेबव्यू के अंदर सामग्री को सभी से आगे बढ़ने से रोकना भी है। यह सभी CSS3 3 डी/3 डी ट्रांसफॉर्म तोड़ने लगता है, यहां तक ​​कि सरल स्केल और ट्रांसफॉर्म-उत्पत्ति इसे तोड़ सकती है।

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

मैंने इन सब पर छोड़ दिया और बस अपना खुद का KeyboardView बनाया। मैं अब थोड़ा खुश हूँ।

Answer 2

लॉग इन के लिए इस बेला चेक आउट कर सकते हैं/रजिस्टर पेज स्क्रॉल को दूर ... ऐसे ही। उपयोग पासवर्ड क्षेत्र बेला के रूप में दी

http://jsfiddle.net/elijahmanor/3Rmdm/1/

Answer 3

यह Phonegap .. इस समस्या को भी है वेबव्यू में होता है ..साथ समस्या नहीं हैकई उपकरणों जैसे (सैमसंग, सोनी, और एमुलेटर इत्यादि) में पासवर्ड फ़ील्ड दूसरे क्षेत्र के साथ ओवरले है और शेष फ़ील्ड ठीक काम करता है। एचटीसी में आने से यह समस्या सभी प्रकार के क्षेत्रों में बढ़ेगी ..

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

समाधान: फ़ील्ड पर ऑनफोकस आईस्कोल को अक्षम करता है और ऑनस्कोल रीफ्रेशिंग एक अस्थायी समाधान है जो ठीक काम करता है।

लेकिन यह सभी मामलों में सही समाधान नहीं है।

इंतजार कर और बेहतर समाधान के लिए कोशिश कर रहा है ..

Answer 4

यहां एक आसान समाधान है!

बदलें <input type="password" />

अपने सीएसएस शैली पत्रक (रों) में

<input type="text" class="password-field" /> 

करने के लिए।

input.password-field { 
    -webkit-text-security: disc; 
} 

http://css-infos.net/property/-webkit-text-security

मैं एक PhoneGap (कॉर्डोबा) एंड्रॉयड एप्लिकेशन बनाने रहा हूँ और मैं के बारे में 18 घंटे अब तक खर्च एक फिक्स खोजने की कोशिश कर, काम करता है के iScroll उदाहरण तरह नष्ट करता है, तो पासवर्ड मैदान पर है स्क्रीन और स्क्रॉलिंग क्षेत्र से नीचे नहीं ... वेबकिट टेक्स्ट सुरक्षा सीएसएस संपत्ति एक बेहतर सुधार है और मैंने इस सीएसएस संपत्ति पर कुछ शोध किया है और ऐसा लगता है कि सभी एंड्रॉइड संस्करण वेबकिट चलाते हैं ताकि आपको जाने के लिए अच्छा होना चाहिए इस फिक्स के साथ एंड्रॉइड के सभी संस्करण!