html - Put cursor in input field after hover -

html - Put cursor in input field after hover -

i have form display:none , when going hover on link, form comes up. how can set cursor input field? there way in css?

if create form display:inline-block directly, cursor in input field.

my css:

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

my form in html file:

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

we can utilize html5 auto focus attribute

for example:

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

we can utilize jquery using foxus()

javascript:

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

doesn't work in firefox works in safari

html css html5