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

前端之家收集整理的这篇文章主要介绍了当将HTML表单弹出为JQuery对话框时,如何避免自动关注第一个输入字段?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我也看过类似的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>

猜你在找的HTML相关文章