Email login bt
You're looking for an email login button!
Here's an example of an email login button in HTML and CSS:
<!-- HTML -->
<button class="email-login-btn">Login with Email</button>
<!-- CSS -->
.email-login-btn {
background-color: #4CAF50;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.email-login-btn:hover {
background-color: #3e8e41;
}
You can customize the button's appearance by changing the CSS properties. You can also add an onclick
event to the button to trigger a JavaScript function that handles the email login process.
Here's an example of a simple JavaScript function that prompts the user to enter their email and password:
function emailLogin() {
var email = prompt("Enter your email address:");
var password = prompt("Enter your password:");
// Send the email and password to your server for authentication
//...
// If the authentication is successful, redirect the user to a new page
//...
}
You can then add the onclick
event to the button:
<button class="email-login-btn" onclick="emailLogin()">Login with Email</button>
Remember to replace the //...
comments with your actual server-side code for authentication and redirection.