如何在元素上设置焦点

Question

我是菜鸟... 我有一个带有输入框（文本字段）和提交按钮的表单。我想要做的是当按下提交按钮时，我希望焦点回到文本字段以进行下一次输入。

我尝试了以下代码 - none 有效：

document.getElementByID("textfield").focus();
提交
模糊

和一个函数语句（在下面的代码中）

 <!DOCTYPE html>
    <html>
    <head>
    <title>title</title>

    </head>
    <body>



        <form method="POST" action="mon_am.php">
        <input type="text" name="mon_am">
        <input type="submit" name="submit" onblur="focusMethod()"> 

    </form>
    <script> 
            focusMethod = function getFocus() 
            {           
            $("input[name='mon_am']").focus();
            } 
     </script>
    </body>
    </html>

如有任何帮助，我们将不胜感激

Answer 1

当您提交表单时，页面会重新加载。考虑在页面加载时将焦点添加到表单（这有利于在用户首次访问页面时做好准备）。更改您的字段以包含一个 ID：

<input type="text" name="mon_am" id="mon_am">

然后在您的脚本标签中添加：

window.onload = function() {
 document.getElementById("mon_am").focus();
};

如何在元素上设置焦点

How to set focus on element

focus