单击按钮时，将用户指向输入字段

Question

我有一个搜索图标。单击此图标时，将弹出全屏搜索表单。

我想要的是，当用户点击此图标并显示搜索表单时，用户直接进入输入字段。 （重点是此字段，用户可以立即输入。）

（我不知道如何正确地制定这个，所以这可能就是我找不到任何相关问题的原因）

Answer 1

也许jQuery的这个链接会帮助你： https://api.jquery.com/focus/

搜索图标的onclick事件中的代码部分与此类似：

$(document).on("click","#searchIcon",function() {
    $('#input').focus()
});

希望它可以帮到你

Answer 2

只需使用HTMLElement.focus()方法，您就可以在https://developer.mozilla.org/en/docs/Web/API/HTMLElement/focus

中阅读所有相关信息

示例：http://jsbin.com/pezifilese/edit?html,js,output

Answer 3

这很简单，您只需在autofocus="true"字段中添加input属性。

<input type="text" name="name" autofocus="true"/>

查看演示here。