실제로, 비밀번호는 구현에 표시 될 수 없지만 우리는 우리의 작업에 그러한 요구 사항이 있습니다. 우리가 무언가를 입력하지 않았을 때, 상자에 암호를 입력하라는 프롬프트가 있지만, 무언가를 입력하면 * 숫자가 표시됩니다. 그렇다면 어떻게 구현됩니까? 실제로 원리는 매우 간단합니다. 이는 두 개의 텍스트 상자를 넣는 것입니다. 스타일과 위치는 동일합니다. 먼저 유형을 암호로 숨기고 텍스트로 유형의 의사 비밀번호 상자 만 표시하십시오. 입력 암호와 같은 프롬프트의 값 프롬프트를 설정하십시오. 그런 다음 입력이 트리거되면 유형 텍스트의 입력이 숨겨져 유형 암호의 입력이 표시됩니다. 그런 다음 비밀번호 값이 비어있는 것으로 감지되면 유형은 비밀번호 숨겨지고 유형은 텍스트 표시입니다. 아무 말도하지 말고 코드를 추가하겠습니다. (PS : 추가 재설정 기능)
먼저 HTML 부분을 입력하십시오
<table> <tr> <td> 계정 </td> <td> <입력 유형 = "text"value = "계정을 입력하십시오"/> <td> password </td> <td> <입력 유형 = "text"valess = "please your passwor"= "login_showpwd"/> <input type = "id ="id "id"id "id"id "id"id "" 없음 "/> </td> </td> <tr> <td> <입력 유형 ="버튼 "value ="로그인 "/> <입력 유형 ="버튼 "value ="Reset "id ="btn_res "/> </td> </trap> </table>
그런 다음 JS 부분으로 이동하십시오
// contempart $ (function () {$ ( ". admin"). focus (function () {if ($ (this) .val () == "계정을 입력하십시오") {$ (this) .val ( "");}}); $ ( ". admin"). Acc this.defaultValue) {$ ( '##login_showpwd'). hide (); $ ( '##login_password'). show (). focus ();}}); $ ( '##login_password'). blur () {var text_value = $ (this) .val (); if (text_value == "")) {$ ( '##login_showpwd'). show (); $ ( '#login_password'). hide ();}}); // part $ ( '#btn_res'). click (function () {$ ( ') Acc아래는 비밀번호 입력 상자 아래에 표시된 텍스트 메소드를 소개합니다.
작은 프롬프트는 많은 웹 사이트에 암호 입력 상자에 두 단어가 있다는 것입니다. 나는 그것이 텍스트라고 생각했지만 오늘은 그것이 암호 태그라는 것을 알았습니다. 작문 방법은 다음과 같습니다
<입력 유형 = "비밀번호"이름 = "pas"자리 표시기 = "비밀번호"/>
자리 표시 자 속성을 추가하십시오
위는 편집기가 소개 한 비밀번호 (비밀번호)에 표시된 텍스트 프롬프트 기능 코드에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!