パスワード表示でログインフォームを作成

こんにちは皆さん、今日、私はあなたにあなたのウェブサイトに表示するか、ユーザーのパスワードフィールドを隠すために少しのJavaScriptを使用してログインフォームを作成するチュートリアルを提案します.このチュートリアルは非常に簡単ですが、ユーザーの接続のバックエンドの側面を考慮しません.
─
コードしましょう
まず、次のようにHTMLを設定します.
─
この例では、ユーザーのパスワードを表示または非表示にするボタンは2つのSVGですが、イメージを置き換えることができますが、これは推奨されません.
今、CSSを設定します.この例では、CSSコードは次のようになります.
─
さあ、JavaScriptをセットアップしてみましょう.まず第一に、我々は我々が続くつもりであるプロセスを理解しなければなりません.入力型パスワードの文字列を表示するには、入力型のテキストで置き換えなければなりません.
具体的には以下のようになります.
─
SVGをクリックしてパスワードを表示または非表示にすると、2つの異なる機能が起動できます.
最終結果はこちら
あなたが質問をするならば、このturorielはかなり速くありました.👍