양식의 한 줄의 텍스트는 초점을 맞추거나 잃습니다 코드 복사 코드는 다음과 같습니다. <br> 입력:초점, 텍스트 영역:초점 {<br> 테두리: 1px 실선#f00;<br> 배경: #fcc;<br> }<br> .초점 {<br> 테두리: 1px 실선#f00;<br> 배경: #fcc;<br> }<br> </스타일><br> </머리><br> <br> <form action="#" method="post" id="regForm"><br> <필드세트><br> <legend>기본개인정보</legend><br> > <label for="username">이름:</label><br> <id="username" type="text" 입력><br> > > <label for="pass">비밀번호:</label><br> <id="pass" type="password" 입력><br> > > <label for="msg">자세한 정보:</label><br> ~ > > </필드세트><br> </양식><br> </본문><br> <script type="text/javascript"><br> /**<br> * 1. 한 줄 텍스트 상자---초점을 얻고 초점을 잃습니다<br> **/<br> $(함수 () {<br> $(":input").focus(function () {<br> $(this).addClass("focus");<br> }).blur(함수 () {<br> $(this).removeClass("focus");<br> })<br> })<br> <br> </div>
