実際、実際には、実装でパスワードを表示することはできませんが、作業にはそのような要件があります。何かを入力していない場合は、ボックスにパスワードを入力するプロンプトがありますが、何かを入力すると、 *番号が表示されます。では、どのように実装されていますか？実際、原則は非常に単純です。これは、2つのテキストボックスを配置することです。スタイルとポジショニングは同じです。まず、タイプをパスワードとして非表示にし、テキストとしてタイプの擬似パスワードボックスを表示します。入力パスワードなどのプロンプトの値プロンプトを設定します。次に、入力がトリガーされると、タイプテキストの入力が非表示になるため、タイプパスワードの入力が表示されます。次に、パスワードの値が空になるように検出されると、タイプはパスワードが非表示になり、タイプはテキストの表示です。何も言わない、コードを追加します。 （PS：追加のリセット機能）
最初にHTMLパーツを入力します
<表> <tr> <td>アカウント</td> <td> <入力タイプ= "テキスト" value = ""/> </td> </tr </tr <tr> <td>パスワード</td> <td> <td> <input "falue =" Your Your Password "を入力してください" ID = "login_showpwd"/> <入力タイプ= "パスワード=" login___________なし "/> </td> </tr> <tr> <td> <input type =" button "value =" login "/> <input type =" button "value =" reset "id =" btn_res "/> </td> </tr </table>
次に、JSパートに移動します
// account part $（function（）{$（ "。admin"）。focus（function（）{if（$（this）.val（）== "ancount"）{$（this）.val（ ""）;}}）; $（ "。admin"）。 account "））;}}）; // password part $（ '＃login_showpwd'） this.defaultValue）{$（ '＃login_showpwd'）。hide（）; $（ '＃login_password'）。show（）; focus（）;}}）; $（ '＃login_password'） $（this）.val（）; if（text_value == ""）{$（ '＃login_showpwd'） account "）; $（ '＃login_password'）。hide（）。val（" "）; $（"＃login_showpwd "）。show（）;}）;}）;以下に、パスワード入力ボックスの下に表示されるテキストメソッドを紹介します
小さなプロンプトは、多くのWebサイトにパスワード入力ボックスに2つの単語があることです。以前はテキストだと思っていましたが、今日しかパスワードタグであることがわかりました。ライティング方法は次のとおりです
<入力型= "パスワード" name = "pas" placeholder = "password"/>
プレースホルダー属性を追加するだけです
上記は、編集者が紹介したパスワードボックス（パスワード）に表示されるテキストプロンプト関数コードに関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！