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

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

概述我也看过类似的SO,其中包括 this one,这是旧的.我阅读并遵循了链接,但目前尚不清楚这个问题是否有适当的解决方法. 我的底层问题是我在输入字段上使用HTML的占位符=“…”.通过自动对准第一个字段,其占位符不再对用户可见. 编辑 这是我的HTML代码: <div id='LOGIN_FORM' title="Login"> <form action=""> <inp 我也看过类似的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表单d出为JQuery对话框时,如何避免自动关注第一个输入字段?全部内容,希望文章能够帮你解决当将HTML表单d出为JQuery对话框时,如何避免自动关注第一个输入字段?所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1142250.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存