Jquery Mobile Form显示两个输入区域

Question

我对JQM 1.3，JQ 1.9.1，Android 2-4以及主要是摩托罗拉设备有这个奇怪的问题，但可以在某些HTC上复制。

首先让我先言一下，这段代码似乎适用于大多数移动浏览器。

代码位于标准JQM内容div中，位于页面中：

<div style="width:80%; max-width:800px; text-align:center;">
    <!-- First Name -->
    <label for="txty" class="ui-hidden-accessible">First Name</label>
    <asp:TextBox ID="txty" runat="server" datafield="FirstName" collectInfo="true" CssClass="" Columns="50" placeholder="First Name"></asp:TextBox>

    <!-- Last Name -->
    <label for="txtx" class="ui-hidden-accessible">Last Name</label>
    <asp:TextBox ID="txtx" runat="server" datafield="LastName" collectInfo="true" CssClass="" Columns="50" placeholder="Last Name"></asp:TextBox>

    ..// more fields

    <!-- BUTTONS -->
    <button data-role="button" id="btnSubmit" name="btnSubmit" data-icon="alert" class="btn"><span>Submit</span></button>
    <button data-role="button" id="clear" name="clear" class="clear btn" data-icon="alert"><span>Clear</span></button>

</div>

---

结果（我放大了所以你可以看到表格）：

---

问题：

**注意页面不显示以下错误除非用户滚动，然后尝试将文本输入到texbox **

用户滚动并点击输入后，输入显示在两个位置......

---

谢谢！

Answer 1

在搜索了几天之后，我发布了这里并在此后不久找到了答案。

这是Jellybean内部Android浏览器中的一个已知问题。

的Src： https://code.google.com/p/android/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars&groupby=&sort=&id=30964

有一些解决方法需要权衡一些。如失去在文本区域滚动的能力，但如果你有这个问题，那么这是一个很好的解决方法。

解决方法是将其添加到主CSS文件中：

/* 
Prevents a bug in Android 4.0-4.1 that duplicates text inputs onFocus ANDROID BUG# 30964
Link to Bug Tracker: http://j.mp/YhydH6
Remove when no longer needed...
*/

input {
-webkit-user-modify: read-write-plaintext-only;
}