Home Web Design Tutorials Login Form | HTML CSS Web Design Tutorials Login Form | HTML CSS By Learning Axis - February 19, 2024 2 47 Advertisement Facebook Twitter Pinterest WhatsApp RELATED ARTICLESMORE FROM AUTHOR How to Become a Web Designer With Full Information? | Web Design Course After 10th | Web Designer css tips and tricks #shortvideo #viral ##coding #cssanimation #webdesign #webdesign #css3 New MidJourney 5.2 brings features and easier Web Design Art Gráfico de Barras com HTML, CSS e JavaScript #programação How to Design a Website in 1 Hour: Web Design Tutorial #shorts #youtubeshorts #html #css #tutorials This video shows to create login form source 47 Comments https://youtube.com/shorts/0Unxi4tv0-g?si=5OMu9L2BZp22YeQr Reply Thanku so much… ✨ Reply <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login Page</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; display: flex; align-items: center; justify-content: center; height: 100vh; } .login-container { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 300px; text-align: center; } .login-container h2 { margin-bottom: 20px; color: #333; } .login-form { display: flex; flex-direction: column; } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; color: #555; } .form-group input { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; } .login-btn { background-color: #4caf50; color: #fff; padding: 10px; border: none; border-radius: 4px; cursor: pointer; } .login-btn:hover { background-color: #45a049; } </style></head><body> <div class="login-container"> <h2>Login</h2> <form class="login-form"> <div class="form-group"> <label for="username">Username:</label> <input type="text" id="username" name="username" required> </div> <div class="form-group"> <label for="password">Password:</label> <input type="password" id="password" name="password" required> </div> <button type="submit" class="login-btn">Login</button> </form> </div></body></html> Reply Itna cide likhna Aaj asan ho gaya chatgpt par Reply You should apply transition on "login button" Reply Thank you, now i have 60 unauthorized information of the families I sent to trick them into thinking they won the jackpot. Reply Plz tell me app name Reply Legit this is good Reply Thanks 🤍🤍🤍 Reply <Title>We Can Do This</Title> Reply For HTML apps, what do you recommend? Sublime Text or Visual Studio Cods? Reply epik 0:00 Reply Pa req po ako paano gumawa ng webpage or website Reply Whats the point of making it if it doesn't work, however good it looks? Make a tutorial with using javascript also Reply Nice I'm also interested to learn 😊 Reply Which is best app to practice the html and css in mobile Reply bro code plzz Reply 👏🏻👏🏻👏🏻👏🏻 Reply How make to center Reply Add transition attribute on both button and button:hover. Reply Why won't the login click I mean to login for real Reply can css codes make this log in form Reply I need the copy Reply Source code please Reply Why haven't you used from tag Reply Where will be the I'd password we entered will be stored Reply Login360😂? Reply Veri cool Reply Hi brother I went to quarantine that login register page Reply plz code Reply Basic and very simple but good for beginners Reply Background song pls ? Reply what font are you using? Reply Op bro op bro Reply Awosam Reply You would have to put the result first and then the development… but good Reply Is the own website built with html and css..?? Reply This is impressive. I've also been trying to learn html and css. Have posted a few videos. Reply C'mon maaaaan… Why do you wrote css in html file it's then messy and you can't understand what's goin' on…… Reply Hi good bro Reply Nuevo sub Reply Can you do this one with javascript included Reply New subscriber 😀😀 Reply i can add the backend with js Reply No <form> tag? How you gonna POST? Reply https://youtu.be/PkcJiOPXYMQ Reply #codinglearningvlog7462 Reply Leave A Reply Cancel reply Please enter your comment! Please enter your name here You have entered an incorrect email address! Please enter your email address here Save my name, email, and website in this browser for the next time I comment.
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login Page</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; display: flex; align-items: center; justify-content: center; height: 100vh; } .login-container { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 300px; text-align: center; } .login-container h2 { margin-bottom: 20px; color: #333; } .login-form { display: flex; flex-direction: column; } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; color: #555; } .form-group input { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; } .login-btn { background-color: #4caf50; color: #fff; padding: 10px; border: none; border-radius: 4px; cursor: pointer; } .login-btn:hover { background-color: #45a049; } </style></head><body> <div class="login-container"> <h2>Login</h2> <form class="login-form"> <div class="form-group"> <label for="username">Username:</label> <input type="text" id="username" name="username" required> </div> <div class="form-group"> <label for="password">Password:</label> <input type="password" id="password" name="password" required> </div> <button type="submit" class="login-btn">Login</button> </form> </div></body></html> Reply
Thank you, now i have 60 unauthorized information of the families I sent to trick them into thinking they won the jackpot. Reply
Whats the point of making it if it doesn't work, however good it looks? Make a tutorial with using javascript also Reply
C'mon maaaaan… Why do you wrote css in html file it's then messy and you can't understand what's goin' on…… Reply
https://youtube.com/shorts/0Unxi4tv0-g?si=5OMu9L2BZp22YeQr
Thanku so much… ✨
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.login-container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}
.login-container h2 {
margin-bottom: 20px;
color: #333;
}
.login-form {
display: flex;
flex-direction: column;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
color: #555;
}
.form-group input {
width: 100%;
padding: 8px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
.login-btn {
background-color: #4caf50;
color: #fff;
padding: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.login-btn:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="login-container">
<h2>Login</h2>
<form class="login-form">
<div class="form-group">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit" class="login-btn">Login</button>
</form>
</div>
</body>
</html>
Itna cide likhna Aaj asan ho gaya chatgpt par
You should apply transition on "login button"
Thank you, now i have 60 unauthorized information of the families I sent to trick them into thinking they won the jackpot.
Plz tell me app name
Legit this is good
Thanks 🤍🤍🤍
<Title>We Can Do This</Title>
For HTML apps, what do you recommend? Sublime Text or Visual Studio Cods?
epik 0:00
Pa req po ako paano gumawa ng webpage or website
Whats the point of making it if it doesn't work, however good it looks? Make a tutorial with using javascript also
Nice I'm also interested to learn 😊
Which is best app to practice the html and css in mobile
bro code plzz
👏🏻👏🏻👏🏻👏🏻
How make to center
Add transition attribute on both button and button:hover.
Why won't the login click
I mean to login for real
can css codes make this log in form
I need the copy
Source code please
Why haven't you used from tag
Where will be the I'd password we entered will be stored
Login360😂?
Veri cool
Hi brother I went to quarantine that login register page
plz code
Basic and very simple but good for beginners
Background song pls ?
what font are you using?
Op bro op bro
Awosam
You would have to put the result first and then the development… but good
Is the own website built with html and css..??
This is impressive. I've also been trying to learn html and css. Have posted a few videos.
C'mon maaaaan… Why do you wrote css in html file it's then messy and you can't understand what's goin' on……
Hi good bro
Nuevo sub
Can you do this one with javascript included
New subscriber 😀😀
i can add the backend with js
No <form> tag? How you gonna POST?
https://youtu.be/PkcJiOPXYMQ
#codinglearningvlog7462