Django / Bootstrap密码输入字段不能在移动设备

时间:2015-06-02 19:36:49

标签: html css django twitter-bootstrap mobile

a Django and Bootstrap signup form可以在桌面上正常运行。在移动设备上,我无法对密码字段执行任何操作。当我点击注册密码字段时,光标和键盘永远不会出现(所有其他字段都很好,包括同一页面上登录表单的密码字段)。

这是通过Django" {{form | bootstrap}}"来呈现HTML的方式:

<div class="form-group">
    <label class="control-label  " for="id_password1">Password</label>
    <div class=" ">
        <input class=" form-control" id="id_password1" name="password1" placeholder="Password" type="password" />            
    </div>
</div>
<div class="form-group">
    <label class="control-label  " for="id_password2">Password (again)</label>
    <div class=" ">
        <input class=" form-control" id="id_password2" name="password2" placeholder="Password" type="password" />
    </div>
</div>

执行工作的登录密码字段呈现如下:

<div class="form-group">
    <label class="control-label  " for="id_password">Password</label>
    <div class=" ">
        <input class=" form-control" id="id_password" name="password" placeholder="Password" type="password" />   
    </div>
</div>

以下是使用失败密码字段的注册表单的内容:

enter image description here

关于发生了什么以及如何解决问题的任何想法?

更新:仅使用&#34; {{form}}&#34;而不是&#34; {{form | bootstrap}}&#34;,密码字段起作用,因此它似乎是一个Bootstrap问题。我更喜欢应用Bootstrap样式,所以我还在寻找解决方案。

0 个答案:

没有答案