javascript,html5_请问移动web页面怎么在刚进入页面时候让input自动获取焦点并弹出输入法？，javascript,html5

请问移动web页面怎么在刚进入页面时候让input自动获取焦点并弹出输入法？

如题:
eg: test.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no" />
    <title>Document</title>
</head>
<body>
    <input type="text" id="ipt" maxlength="4">
    <script>
        var ipt = document.querySelector("#ipt");
        ipt.focus(); // ios测试，input未得到焦点，且没有弹出输入法
    </script>
</body>
</html>

想要实现的效果：手机浏览器访问test.html，input自动获得焦点并且弹出输入法。

因为在下正在做要确认密码才能进行下一步操作的界面，类似于手机解除锁屏的效果……

添加autofocus属性你试过没