HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了当将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表单弹出为JQuery对话框时,如何避免自动关注第一个输入字段?全部内容,希望文章能够帮你解决当将HTML表单弹出为JQuery对话框时,如何避免自动关注第一个输入字段?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。