点击input不能获取焦点

<form>     <view class="form-control">         <input type="text" id="username" placeholder="请输入Email或手机号" auto-focus></input>         <input type="text" id="password" placeholder="请输入密码"></input>     </view>     <button type="button">登陆</button> </form>

两个 input 只有放在页面顶部才能正常使用，

如果在给 form 加上 margin-bottom 让 input 到了页面中间或者更下面，就会出现聚焦错误的问题，

具体表现为：点击第一个 input 光标会跳到第二个 input 框内，而第一个 input 要聚焦的话需要点击该 input上方区域才能聚焦到，就是说必须点击想要聚焦的 input 的上方区域才能聚焦该 input