Javascript 通过单击按钮将光标置于搜索表单中

我有一个不可见的搜索表单，它只在我单击按钮时出现

当您单击按钮时，光标是否可能直接出现在搜索字段中？“自动聚焦”属性在这里不起作用。是否有脚本解决方案

搜索表格：

<div id="searchform">
    <form action="bla" method="post">
        ... <input type="text" name="item" id="search" placeholder="bla" autofocus /> ...
    </form>
</div>

...  ...

按钮：

<a id="button"></a>

脚本：

<script>
    $(document).ready(function(){
        $('#searchform').hide();
        $("#button").click(function(){
            $("#searchform").slideToggle("fast");
        });
    });
</script>

$（文档）.ready（函数（）{
$（'#searchform'）.hide（）；
$（“#按钮”）。单击（函数（）{
$（“#搜索表单”）.slideToggle（“快速”）；
});
});

要执行所需操作，请在

输入上调用
focus（）
，使其可见：


$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
$（“#搜索表单”）.slideToggle（“快速”）；
$（“#搜索”）.focus（）；
});
});
#searchform{display:none；}

...
切换表单