login and registration form in html

<html> <head> <title> Log In or Sign Up </title> </head> <body> <div> <input type="textarea" placeholder="Enter your username"> <br> <br> <input type="password" placeholder="Enter your username"> <br> <br> <input type="submit" value="Log In"> <br> <br> </div> <div> <p> Or Sign Up! </p> <br> <br> <input type="textarea" placeholder="Create a username"> <br> <br> <input type="password" placeholder="Create a password"> <br> <br> <input type="submit" value="Sign Up"> </div> </body> </html>

### BE AWARE : THIS IS WON'T FUNCTION GOOD AS A LOGIN PAGE ### if you want to make a working login and signup page go to : https://youtu.be/WYufSGgaCZ8 <!DOCTYPE html> <html> <head> <title>Login</title> </head> <body> <style type="text/css"> #text{ height: 25px; border-radius: 5px; padding: 4px; border: solid thin #aaa; } #button{ padding: 10px; width: 100px; color: white; background-color: lightblue; border: none; } #box{ background-color: grey; margin: auto; width: 300px; padding: 20px; } </style> <div id="box"> <form method="post"> <div style="font-size: 20px;margin: 10px;color: white;">Login</div> <input id="text" type="text" name="user_name"><br><br> <input id="text" type="password" name="password"><br><br> <input id="button" type="submit" value="Login"><br><br> </form> </div> </body> </html>

<html> <head> <title>Login page example</title> <style> input{ font-size: 20; } body{ background-color: red; } </style> </head> <body> <input placeholder="Username"/> <br /> <input type="password" placeholder="Password"/> <br/> <br/> <button>Login</button> </body> </html>

<!DOCTYPE html>
<!-- Created By CodingNepal -->
<html lang="en" dir="ltr">
   <head>
      <meta charset="utf-8">
      <title>Popup Login Form Design | CodingNepal</title>
      <link rel="stylesheet" href="style.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
   </head>
   <body>
      <div class="center">
         <input type="checkbox" id="show">
         <label for="show" class="show-btn">View Form</label>
         <div class="container">
            <label for="show" class="close-btn fas fa-times" title="close"></label>
            <div class="text">
               Login Form
            </div>
            <form action="#">
               <div class="data">
                  <label>Email or Phone</label>
                  <input type="text" required>
               </div>
               <div class="data">
                  <label>Password</label>
                  <input type="password" required>
               </div>
               <div class="forgot-pass">
                  <a href="#">Forgot Password?</a>
               </div>
               <div class="btn">
                  <div class="inner"></div>
                  <button type="submit">login</button>
               </div>
               <div class="signup-link">
                  Not a member? <a href="#">Signup now</a>
               </div>
            </form>
         </div>
      </div>
   </body>
</html>

Posted by: Guest on May-27-2021

Source

Code answers related to "login and registration form in html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "login and registration form in html"

Code answers related to "login and registration form in html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us