전체 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. html 텍스트 상자 프롬프트 효과 <br> *{<br> 여백:0px;패딩:0px;글꼴 크기:12px;<br> }<br> 입력{<br> 너비:100px;높이:20px;테두리:1px 단색 #ccc;<br> }<br> </스타일><br> </머리><br> <br> <스크립트 언어="javascript"><br> 함수 팁(id,str){<br> var l=document.getElementById(id).offsetLeft 120;<br> var t=document.getElementById(id).offsetTop;<br> document.getElementById("tips").innerHTML="팁:" str;<br> document.getElementById("tips").style.left=l "px";<br> document.getElementById("tips").style.top=t "px";<br> document.getElementById("tips").style.display="";<br> }<br> 함수 outtips(){<br> Document.getElementById("tips").style.display='none';<br> }<br> <br> <div id="tips" style="position:absolute;border:1px solid #ccc;padding:0px 3px;color:#f00;display:none;height:20px;line-height:20px;배경:#fcfcfc "></div><br> <br /><br> 이름: <input type="text" id="username" onfocus="tips('username','이름은 최대 16자까지 가능합니다.')" onblur="outtips()" /><br> <br /><br> 비밀번호: <input type="password" id="password" onfocus="tips('password','비밀번호 길이는 3-18자 사이여야 합니다.')" onblur="outtips()" /><br> </본문><br> </div>
