Breaking News: Grepper is joining You.com. Read the official announcement!

how to create login page

Add Answer

SYED ALI MUJTABA KAZMI answered on July 26, 2022 Popularity 10/10 Helpfulness 2/10

answer how to create login page

related create login page

related Custom Login Page

how to create login page

Comment

<!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>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html login-page

Link to this answer
Share Copy Link

Contributed on Jul 26 2022

SYED ALI MUJTABA KAZMI

0 Answers Avg Quality 2/10

Closely Related Answers

create login page

Comment

<!DOCTYPE html>
<html>
<head>
  <title>Login Page</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

    .container {
      width: 300px;
      padding: 16px;
      margin: 0 auto;
      margin-top: 100px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    h2 {
      text-align: center;
    }

    input[type="text"],
    input[type="password"] {
      width: 100%;
      padding: 12px 20px;
      margin: 8px 0;
      display: inline-block;
      border: 1px solid #ccc;
      box-sizing: border-box;
      border-radius: 4px;
    }

    button {
      background-color: #4CAF50;
      color: white;
      padding: 14px 20px;
      margin: 8px 0;
      border: none;
      cursor: pointer;
      width: 100%;
      border-radius: 4px;
    }

    button:hover {
      background-color: #45a049;
    }
  </style>
</head>
<body>
  <div class="container">
    <h2>Login</h2>
    <form action="/login" method="post">
      <label for="username">Username</label>
      <input type="text" id="username" name="username" placeholder="Your username.." required>

      <label for="password">Password</label>
      <input type="password" id="password" name="password" placeholder="Your password.." required>

      <button type="submit">Login</button>
    </form>
  </div>
</body>
</html>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jun 24 2023

Marwan Zayed

0 Answers Avg Quality 2/10

Custom Login Page

Comment

@Override
protected void configure(HttpSecurity http) throws Exception {
    http.authorizeRequests()
	      .antMatchers("/login").permitAll()
	      .anyRequest().authenticated()
      .and()
	      .oauth2Login()
	      .loginPage("/login");
}

Popularity 8/10 Helpfulness 1/10 Language java

Source: howtodoinjava.com

Tags: java login-page login-

Link to this answer
Share Copy Link

Contributed on Jan 04 2023

Anjali Sharma

0 Answers Avg Quality 2/10

how to create login page

Contents

More Related Answers

how to create login page

Closely Related Answers

create login page

Custom Login Page

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.