Phonegap输入类型密码字段焦点

Question

我用phonegap开发了一个应用程序。在input标签中，如果我给type='text‘，它工作得很好。但是，当我输入type='password‘时，另一个字段将打开到当前字段。

如何删除上面的字段..

我的css是

.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;}

html

<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

我已经能够通过使用android:windowSoftInputMode="adjustNothing“来避免这种情况。+Sandy09关于overlay +位置是正确的。避免这种情况的唯一好办法似乎是阻止android移动IME start (adjustNothing)上的内容，同时也要防止webview中的内容移动。这似乎也破坏了所有的CSS3 3d/3d变换，即使是简单的缩放和变换原点也可以破坏它。

还有更糟糕的消息:在某一时刻，我的密码箱工作得很好，但由于CSS的改变，它永久地回来了。在某些情况下，如果浏览器的速度足够慢(画布)，窗口似乎失去了跟踪输入框的能力。对我们来说，这导致每次我们在输入法上按下7(7)键时都会出现SIGSEGV。这在所有的android设备上也是如此，不管是什么版本。

我放弃了所有这些，只做了自己的KeyboardView。我现在更开心了。

Answer 2

这里有一个更简单的解决方案！

更改<input type="password" />

至

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

在您的CSS样式表中。

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

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

我正在构建一个PhoneGap (科尔多瓦) ANdroid应用程序，到目前为止，我花了大约18个小时试图找到修复程序，如果密码字段在屏幕上，而不是在滚动区域下面，就会销毁iScroll实例。webkit的文本安全CSS属性是一个更好的修复，我对这个CSS属性做了一些研究，似乎所有的Android版本都运行webkit，所以你应该可以使用这个修复的所有Android版本！

Answer 3

查看登录/注册页面的此小提琴...使用小提琴中给出的密码字段

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