Phonegap输入类型密码字段焦点

Question

我在phonegap中开发了一款应用。 在输入标签中，如果我给出type ='text'，那么效果很好。 但是当我给输入类型='密码'时，另一个字段将打开到当前字段。

如何删除上述字段..

我的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>

我希望你能通过看到这张图片了解更多！

如果我删除i滚动其工作正常...即使我滚动使用

我怎么能使它工作

Answer 1

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

更改 <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（cordova）ANdroid应用程序，到目前为止我花了大约18个小时试图找到一个修复程序，如果密码字段在屏幕上而不是在滚动区域下方，则会破坏iScroll实例类型。 webkit文本安全性CSS属性是一个更好的修复，我已经对这个CSS属性进行了一些研究，似乎所有的Android版本都运行webkit，所以你应该很好地使用这个修复程序去购买所有版本的Android！ / p>

Answer 2

我已经能够避免使用 android：windowSoftInputMode =“adjustNothing”。 + Sandy09对叠加+位置是正确的。似乎避免这种情况的唯一好方法是防止android在IME start（adjustNothing）上移动内容，同时防止webview内的内容移动。这似乎打破了所有CSS3 3d / 3d变换，即使是简单的缩放和变换原点也可以打破它。

有更糟糕的消息：在某些时候我的密码箱工作正常，然后由于CSS更改它永久地回来了。在某些时候，如果浏览器放慢速度（画布），Window似乎失去了跟踪输入框的能力。对我们来说，每当我们按下IME上的7（7）键时，就会导致SIGSEGV。这也适用于所有Android设备，无论版本如何。

我放弃了所有这一切，只是制作了自己的KeyboardView。我现在有点开心了。

Answer 3

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

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

Answer 4

这不是Phonegap的问题..这个问题也发生在webview中.. 在许多设备（如三星，索尼和模拟器等）中，密码字段与另一个字段重叠，其余字段工作正常。 来到HTC这个问题将在所有类型的领域上升..

通常，此叠加字段覆盖底部字段，并且看起来只有一个字段。 但 当我们使用iscroll来应用滚动属性时，ovelay错位，如上图所示。

溶液： onfocus on the field禁用iscroll和onblur刷新iscroll是一个时态解决方案，工作正常。

但在所有情况下这都不是正确的解决方案。

等待并尝试更好的解决方案..