悬停后将光标放在输入字段中答案

【问题标题】：Put cursor in input field after hover悬停后将光标放在输入字段中
【发布时间】：2014-08-12 18:39:33
【问题描述】：

我有一个display:none 的表格，当我将鼠标悬停在另一个链接上时，表格就会出现。如何将光标放在输入字段中？有没有办法在 css 中做到这一点？

如果我直接将表单设置为display:inline-block，则光标在输入字段中。

我的 CSS：

.search-bar {
    display: none;
 }

 #main-nav a:hover .search-bar {
     display: inline-block;
 }

html 文件中的我的表单：

<input id="search_search" type="text" autofocus="autofocus" placeholder="Placeholder.Search.Main" name="search[search]"></input>

【问题讨论】：

“我有一个显示形式：无，当我要悬停它时” - 我认为你不能悬停不存在的东西......还有.search-bar 赢了'不要针对共享代码中的任何内容，因为那里没有这样的类...
抱歉，打错了。
JSFiddle 在这里很有用
你能分享上面提到的链接和表单的html吗..？顺便说一句，我认为您不能仅使用 css 来做到这一点......
@TilwinJoy google.hr/…

标签： css html

【解决方案1】：

我们可以使用HTML5 自动对焦属性

例如：

<input type="text" name="name" id="search_search" placeholder="Placeholder.Search.Main" name="search[search]" />

我们可以通过foxus()使用JQuery来做到这一点

Javascript：

$("#show").hover(function(){
    $("#search_search").show();
    $("#search_search").focus();
});

在 Firefox 中无法使用，但在 Safari 中可以使用

【讨论】：

【解决方案2】：

我认为您可能正在寻找一些客户端脚本（Javascript 或带有 JQuery 的 javascript）。

如果你不想通过客户端脚本来完成，而只想支持html5，那么你应该看看html5的“autofocus”属性。请参阅this post 的最佳答案。

【讨论】：