时间戳

首页 > 解决方案 > 如何将焦点设置在元素上

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>

任何帮助将不胜感激

标签： focus

解决方案

当您提交表单时，页面会重新加载。考虑在页面加载时向表单添加焦点（这样可以在用户第一次访问页面时为他们做好准备）。更改您的字段以包含一个 id：

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

在您的脚本标签中，添加：

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

推荐阅读