当将HTML表单弹出为JQuery对话框时,如何避免自动关注第一个输入

发布时间：2020-12-14 18:56:50 所属栏目：资源来源：网络整理

导读：我也看过类似的SO,其中包括 this one,这是旧的.我阅读并遵循了链接,但目前尚不清楚这个问题是否有适当的解决方法. 我的底层问题是我在输入字段上使用HTML的占位符=“…”.通过自动对准第一个字段,其占位符不再对用户可见. 编辑这是我的HTML代码： div id='L

我也看过类似的SO,其中包括 this one,这是旧的.我阅读并遵循了链接,但目前尚不清楚这个问题是否有适当的解决方法.

我的底层问题是我在输入字段上使用HTML的占位符=“…”.通过自动对准第一个字段,其占位符不再对用户可见.

编辑

这是我的HTML代码：

<div id='LOGIN_FORM' title="Login">
    <form action="">
        <input type="text" name="login_id" required="required"
                           placeholder="Enter user ID" /><br />
        <input type="password" name="login_pwd" required="required"
                           placeholder="Enter password" /><br />
    </form>
</div>

这是我的JS代码：

$("#login").click(function() { 
    $("#LOGIN_FORM").dialog({ modal: true },{ buttons: [
    {
            text: "Ok",click: function() { $(this).dialog("close"); }
        }
    ] });
});

解决方法

我做的是创建了一个额外的输入,并使其不可见(style =“display：none”),然后给它的属性autofocus =“true”放在你的对话框内容的结尾,所以它不会弄乱任何东西.它应该是这样的：

<div><!--dialog div-->
           <button></button>
           <button></button> 
          <input type="hidden" autofocus="true" />
        </div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!