커서를 입력 한 후 입력 필드에 커서를 놓습니다.

양식이 display:none이고 다른 링크로 마우스를 가져 가면 양식이 나타납니다. 어떻게 커서를 입력 필드에 넣을 수 있습니까? CSS로 할 수있는 방법이 있습니까?커서를 입력 한 후 입력 필드에 커서를 놓습니다.

양식을 display:inline-block으로 직접 입력하면 커서가 입력 필드에 있습니다.

내 CSS : HTML 파일에서

.search-bar { 
    display: none; 
} 

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

내 양식 :

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

2014-06-22 craphunter

"표시 형식 : 없음 및 내가 가져갈 것입니다."- 사용자가 여기에없는 것을 가리킬 수 있다고 생각하지 않습니다. 검색 바 '는 같은 클래스가 없으므로 공유 코드에서 아무 것도 타겟팅하지 않습니다. –

죄송합니다. 오타였습니다. – craphunter

JSFiddle 여기 유용합니다 – imbondbaby

우리는 예를 들어 HTML5자동 초점 속성

를 사용할 수 있습니다

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

아무튼 :

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

우리는이 사용 foxus()

자바 스크립트를 할 JQuery와 사용할 수 있습니다 't w Firefox의 ork이지만 Safari에서 작동합니다.

2014-06-22 17:39:05 imbondbaby

나는 당신이 (jQuery로 자바 스크립트 또는 자바 스크립트) 일부 클라이언트 측 스크립트를 찾고있을 것 같아요.

클라이언트 측 스크립트를 통해이를 수행하고 싶지 않고 html5 만 지원하려는 경우 html5의 "autofocus"속성을 살펴보아야합니다. this post의 맨 위 답변을 참조하십시오.

2014-06-22 17:32:37

답변