android - Phonegap 输入类型密码字段焦点

Question

我在 phonegap 中开发了一个应用程序。在输入标签中，如果我给出 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

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

改变 <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 text security CSS 属性是一个更好的修复，我对这个 CSS 属性做了一些研究，似乎所有的 Android 版本都运行 webkit，所以你应该很好地使用这个修复的所有版本的 Android!