Code Snippets by Leerlandais

Login form

Basic Login with userName and Password

<div class="w-1/6 mx-auto text-center border border-blue-500 rounded-xl p-10">
<form action="./" method="POST">
    <h3 class="text-xl font-bold pb-4" id="loginFormHeader">Login</h3>
    <div>
        <label class="text-gray-600 font-bold inline-block pb-2" for="userLoginName" id="loginFormUser">Name :</label>
        <input class="border border-gray-400 focus:outline-slate-400 rounded-md w-full shadow-sm px-5 py-2" type="text" name="userLoginName" id="userName" required>
    </div>
    <div>
        <label class="text-gray-600 font-bold inline-block pb-2" for="userLoginPwd" id="loginFormPwd">Password :</label>
        <input class="border border-gray-400 focus:outline-slate-400 rounded-md w-full shadow-sm px-5 py-2" type="password" name="userLoginPwd" id="userLoginPwd" required>
    </div>
    <div>
        <button type="submit" class="bg-[#4F46E5] w-auto mt-3 p-2 rounded-md text-white font-bold cursor-pointer hover:bg-[#181196]">Submit</button>
    </div>
</form>
</div>