{getFeatured} $label={recent} $type={featured1}
Skip to content Skip to sidebar Skip to footer
Home / HTML

cara mudah membuat html multi user login google sites

by Editor Admin Post a Comment

User login adalah proses autentikasi yang digunakan untuk mengakses suatu sistem komputer atau layanan online dengan menggunakan identitas pengguna yang valid. Saat melakukan login, pengguna biasanya diminta untuk memasukkan kombinasi username (nama pengguna) dan password (kata sandi) yang telah terdaftar sebelumnya.

Tujuan dari user login adalah untuk memastikan bahwa hanya pengguna yang sah dan memiliki izin yang tepat yang dapat mengakses sumber daya atau layanan yang terbatas. Dengan cara ini, user login membantu menjaga keamanan dan privasi pengguna dengan memastikan bahwa hanya mereka yang memiliki hak akses yang sesuai yang dapat menggunakan sistem atau layanan tersebut.
Coding html multi user login

<html>

  <head>

    <title>Login Form</title>

    <style>

      /* Style untuk elemen input */

      .inputtext {

        width: 100%;

        margin-bottom: 15px;

        padding: 10px;

        border: none;

        border-radius: 20px;

        background-color: #F0F8FF;

        font-size: 16px;

        color: #333;

        box-sizing: border-box;

      }

      /* Style untuk tombol login */

      .tombol {

        width: 100%;

        padding: 10px;

        border: none;

        border-radius: 20px;

        background-color: #DAA520;

        color: #fff;

        font-size: 16px;

        cursor: pointer;

        text-transform: uppercase;

      }

      /* Style untuk kotak login */

      .login-box {

        width: 300px;

        margin: 50px auto;

        padding: 20px;

        border: 1px solid #ccc;

        border-radius: 20px;

        background-color: #fff;

        box-sizing: border-box;

      }

      /* Style untuk logo */

      .logo {

        display: block;

        margin: 0 auto 30px;

        width: 80px;

        height: auto;

      }

    </style>

  </head>

  <body>

    <div class="login-box">

      <form>

        <input type="text" name="username" placeholder="Username" class="inputtext">

        <input type="password" name="password" placeholder="Password" class="inputtext">

        <input type="button" value="Login" class="tombol" onclick="login()">

      </form>

    </div>

    <script>

      // Objek yang menyimpan data login untuk masing-masing user

      var users = {

        user1: {

          password: "password1",

          url: "paste link halaman yang akan dituju di sini/"

        },

        user2: {

          password: "password2",

          url: "paste link halaman yang akan dituju di sini/"

        },

        user3: {

          password: "password3",

          url: "paste link halaman yang akan dituju di sini/"

        }

      };

      function login() {

        var username = document.getElementsByName("username")[0].value;

        var password = document.getElementsByName("password")[0].value;

        if (users[username] && users[username].password == password) {

          window.open(users[username].url, "_blank");

        } else {

          alert("Username atau password salah!");

        }

      }

    </script>

  </body>

</html>


Post a Comment for "cara mudah membuat html multi user login google sites"