>웹 프론트엔드 >JS 튜토리얼 >jquery는 겹치지 않는 검색 상자 프롬프트를 구현합니다.

jquery는 겹치지 않는 검색 상자 프롬프트를 구현합니다.

WBOY
WBOY원래의
2016-05-16 17:04:531132검색

프롬프트와 사용자 출력을 실현하기 위해 로그인 중에 입력해야 하는 사용자 이름과 비밀번호를 인식하기 위해 JQUERY를 사용하여 두 개의 INPUT 상자를 겹쳐 놓았습니다. 여기서는 INPUT 상자에서 이 효과를 달성하기 위해 JQUERY를 사용합니다. 🎜>
INPUT 박스 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.


다음은 JQUERY 코드입니다.

코드 복사 코드는 다음과 같습니다.
//검색 기본값 설정
$ (".search_text").focus(function(){
if($(".search_text").val()== '검색'){
$(".search_text").val(""); white-space:pre"> } else{
$(".search_text").val($( ".search_text").val());
}
}); .blur(function(){
if($(".search_text").val()==''){
$(".search_text").val("search")
}else{
< ;span style="white-space:pre">
$(".search_text").val($(".search_text"). val());
}
})


형식은 조정하지 않겠습니다. .결국 프로그래밍에 사용되는 IDE 편집기가 아니니 관심 있으신 분들은 한번 살펴보시면 됩니다!
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.