SeekMeJs , by Scott Lexium

SeekMeJs is a Javascript library for dealing with mini DOM manipulation issues in html, usefull for form input relating to password type, with this library you can create a seek password function with no javascript code.

Script

<script src="https://cdn.jsdelivr.net/gh/Scottlexium/seekmejs/seek.js"></script>

Notice

You could add more class names as prefered to enable extended styling and maniputation of tags, this is just a very simple and small library, fast and super light.

Steps:

• Create an input field having class "password_input", this is just for the javascript code to detect the tag.

• Create an input Element of type checkbox and make it hidden it could be in a span or a button, provided it has the class of "pwd_seek".

Usage

 <form action="">
        <fieldset>
            <legend>Username</legend>
            <input type="text" name="" id="" placeholder="username">
        </fieldset>
        <!-- password section -->
        <fieldset>
            <legend>Password</legend>
            <input class="password_input" type="password" name="" id="" placeholder="password">
            <!-- Span for the toggle switch -->
            <span class="">
                <!-- hidden checkbox -->
                <input hidden type="checkbox" class="pwd_seek" name="" id="eye">
                <label for="eye">seek</label>
            </span>
        </fieldset>
        <button>Login</button>
    </form>

License

MIT