웹사이트에 로그인하면 텍스트 상자에 입력하라는 정보가 있는 경우가 종종 있습니다. 텍스트 상자를 클릭하면 텍스트 상자에 아무것도 포함되어 있지 않고 초점을 잃으면 프롬프트 정보가 자동으로 사라집니다. 다시.
1. 먼저 간단한 작업을 수행하세요.
먼저 html 파일이 필요합니다.
입력 테스트 ="Content- Type" content="text/html; charset=UTF-8" />
🎜>
< ;div id="content">
🎜>
2. 더 잘 하세요
이 기본 프로토타입에는 다음과 같은 단점이 있습니다.
1. 어쩌면 비밀번호 상자도 추가할 수 있습니다. 이 방법을 사용하면 비밀번호 상자 유형이 비밀번호이므로 표시할 수 없는데 프롬프트 텍스트는 어디에 있습니까?
2. if($(this).val()=="") 작성 방법은 허용되지만 if($(this).val()=="이름을 입력하세요")는 허용하지 않습니다. 이건 정말... 그냥 잃어버리고 싶으면 어쩌지...
3. 프롬프트 텍스트가 다른 회색 볼드체로 표현되어 있어 좀 더 인터랙티브한가요?
4. 두 개의 글꼴을 사용하고 싶은데 추출할 수 있나요? .css로 작성되었나요? 재사용 가능합니다!
해결책
:
1. 비밀번호 상자 유형을 먼저 텍스트로 두고, 클릭하면 비밀번호로 설정됩니다
2. 변수를 사용하여 전환할지 여부를 나타냅니다.
3. 다른 CSS를 설정합니다.
4. id를 참조하는 대신 attr("class", "class1"), attr("class", "class2")를 사용합니다. . No #)
구현은 다음과 같습니다.
코드 복사
코드는 다음과 같습니다.
