2010-12-15 2 views
0

예 : 예를 들어, 여기에 "on"을 지정하면 검색 상자를 만들려고합니다. 비어 있으면 "여기에서 검색"을 가져옵니다.HTML : 검색 onblur onfocus defaultvalue onsubmit

onfocus="if (this.value==this.defaultValue) this.value = ''"; 
onblur="if (this.value=='') this.value = this.defaultValue"; 

이 잘 작동하지만 내가 텍스트를 inputing하지 않고 검색 쳤을 때, 그것은 "검색"에 대한 검색 수 : 이것에 대한

은 내가 사용할 수 있습니다.

검색하기 전에 기본값을 제거하는 가장 좋은 방법은 무엇입니까?

+0

사용자가 빈 값을 검색 할 수있게 하시겠습니까? – Fishcake

답변

0

사용자가 검색 쿼리를 검색 할 수있게하려면 백엔드 (php/asp/whatever)에서 기본 검색 문자열을 찾아 빈 문자열로 바꿉니다.

또는 검색을 방지하려면 defaultvalue가 검색 상자에있는 경우 제출을 막기 위해 javascript를 사용할 수 있습니다.

+0

그래, this.defaultValue 대신 this.value와 "Search Here"문자열을 직접 비교 한 다음 일치하는 항목이 있으면 지 웁니다. –

1

HTML5 자리 표시 자 속성을 사용하십시오. 좋아요 :

<input type="text" placeholder="Search here"/>