kode Form

 

<!--DOCTYPE html--> <html lang="id"> <head> <meta charset="UTF-8"> <title>Form Login Sederhana</title> <style> /* Gaya Sederhana untuk Tampilan */ body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f4f4f4; } .login-container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 300px; } input[type="text"], input[type="password"] { width: 100%; padding: 10px; margin: 8px 0 16px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } button { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; border-radius: 4px; } button:hover { opacity: 0.8; } .error { color: red; margin-top: 10px; } </style> </head> <body> <div class="login-container"> <h2>Login</h2> <form id="loginForm"> <label for="username"><b>Nama Pengguna</b></label> <input type="text" placeholder="Masukkan Nama Pengguna" name="username" id="username" required> <label for="password"><b>Kata Sandi</b></label> <input type="password" placeholder="Masukkan Kata Sandi" name="password" id="password" required> <button type="submit">Masuk</button> <p class="error" id="errorMessage"></p> </form> </div> <script src="login.js"></script> </body> </html>

Komentar

Posting Komentar

Postingan populer dari blog ini

Formulir Pendaftaran Beasiswa

  <html lang="id"> <head>     <meta charset="UTF-8"></meta>     <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>     <title>Formulir Pendaftaran Beasiswa</title>     </head> <body>     <header>         <h1>Formulir Pendaftaran Beasiswa</h1>         <p>Harap isi semua kolom dengan informasi yang akurat dan lengkap.</p>     </header>     <hr />     <form action="/submit-beasiswa" method="post">         <section>             <h2>📝 Informasi Pribadi</h2>                          <div>                 <label for="nama_lengkap">Nama Lengkap:</label...
Baca selengkapnya

Materi kelas X Selasa 19/8/2025

Gambar
 les 7,8,9,10 kelas x Contoh Algoritma dalam Kehidupan Sehari-hari: Resep masakan: Resep adalah contoh algoritma dalam memasak, yang memberikan langkah-langkah terperinci untuk membuat hidangan. Petunjuk arah: Petunjuk arah dari satu tempat ke tempat lain adalah contoh algoritma dalam navigasi, yang memberikan langkah-langkah untuk mencapai tujuan. Tata cara penggunaan alat: Petunjuk penggunaan alat elektronik atau mesin adalah contoh algoritma dalam interaksi manusia-mesin.   Contoh Algoritma dalam Komputer: Pengurutan data: Algoritma pengurutan digunakan untuk mengurutkan data dalam urutan tertentu, seperti mengurutkan angka dari terkecil ke terbesar.   Pencarian data: Algoritma pencarian digunakan untuk menemukan data tertentu dalam kumpulan data yang besar.   Perhitungan matematika: Algoritma digunakan untuk melakukan perhitungan matematika, seperti penjumlahan, pengurangan, perkalian, dan pembagian.   Jenis-jenis Algoritma: Algoritma Rekursif:   Algori...
Baca selengkapnya