요약:
그림과 같이 요구 사항이 있습니다. 사용자가 Show PlainText 확인란을 확인하면 사용자가 입력 한 비밀번호를 일반 텍스트로 표시해야합니다. 수표가 제거되면 암호 텍스트로 돌아 가야합니다. 처음에는 입력 상자의 유형을 수정하여 일반 텍스트 또는 암호 텍스트를 표시할지 여부를 결정해야합니다. 그 또는 그녀는 jQuery의 attr을 사용하여 실험을 수행합니다. 테스트 결과는 Chrome, Firefox 및 IE9+이며 IE8 아래에 오류 가보고됩니다. 나는 이유를 찾았다. IE8에서 입력의 유형 속성을 수정할 수 없으며 마지막으로 구현할 다른 아이디어가 있습니다.
디스플레이 일반 텍스트가 확인되면 입력 상자가 유형 = "텍스트"로 대체됩니다. 입력 상자를 확인하지 않으면 코드는 다음과 같습니다.
<! docType html> <html> <head> <title> </title> </title> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"> <script src = "jquery.min.js"> </script> </head> <script> <pass ""pass "> <input name ="pass ". type = "password"> </span> <label> <input type = "checkbox"id = "show-password"> show plaintext </label> <cript> $ ( '#show-password'). click (function () {var inp, cname, val; if (this.checked) {inp = $ ( '#pass'); cname = ''); inp.val (); $ ( '#pass'). html ( '<input name = "'+cname+'"value = "'+val+'"type = "text">');} else {inp = $ ( '#pass'). children ( 'input'); cname = inp.attr ( 'name'); inp.val (); $ ( '#pass'). html ( '<input name = "'+cname+'"value = "'+val+'" "type ="password ">');}}); </script> </body> </html>요약 :
이 기사에는 기술 내용이 없지만 이러한 종류의 상호 작용은 여전히 존재합니다. 나는 주로 IE8 아래의 호환성 문제를 고려합니다. 프로젝트에 이런 종류의 상호 작용이있는 경우, 프로젝트를 참조하거나 나와 공유 할 수있는 더 나은 방법이 있다면.