jquery - jQuery弹出窗口中表单第一个元素的自动对焦

Question

我正在 jquery 弹出窗口上构建一个表单。这是代码

http://myclientwebsites.com/UnderProgress/jquery/demo/

当您单击“内联”时，会出现一个弹出窗口，其中包含一个示例表单。现在我希望光标自动聚焦在第一个输入字段上。我尝试使用 html5 autofoucs，但它不起作用。任何帮助，将不胜感激。

提前致谢。

Answer 1

您可以使用 jQuery焦点功能。例如，我将输入的焦点集中在名称属性“name”中：

$('input[name="name"]').focus();

HTML5autofocus只能在现代浏览器中运行，这可能就是您看不到它的原因

Answer 2

...

$(input[name="name"]').focus()仅当在表单中找到的第一个元素是“输入”类型时才有效……如果表单中的第一个元素不是“输入”元素，例如“选择”、“文本区域”，该怎么办？

这就是我所做的......

var selectors = $('input:text, select, input:radio, input:checkbox, textarea');

selectors.first().focus();