直接用户输入字段，点击按钮

Question

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

我想要的是当用户点击此图标并出现搜索表单时，用户直接进入输入字段。 （重点在这个领域，用户可以立即输入）。

（我不知道如何正确地制定这一点，所以这可能是为什么我找不到任何有关的问题）

Answer 1

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

和代码中的一部分点击搜索图标的活动将是与此类似：

$(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。