Kode HTML Membuat Form Login Sederhana
Struktur HTML
- <!DOCTYPE html> : Baris ini mendeklarasikan dokumen sebagai HTML5.
- <html lang="id"> : Baris ini mendefinisikan dokumen sebagai dokumen HTML dan menentukan bahasanya sebagai bahasa Indonesia ( id ).
- <head> : Berisi metadata tentang dokumen HTML, seperti karakter set, pengaturan viewport, judul, dan tautan ke stylesheet eksternal.
- <title>Form Login Sederhana</title> : Baris ini mendefinisikan judul yang akan ditampilkan di tab browser.
- <link rel="stylesheet" href="style.css"> : Baris ini menghubungkan dokumen HTML ke stylesheet eksternal bernama "style.css" untuk mengontrol tampilan form.
- <body> : Berisi konten yang terlihat dari dokumen HTML, termasuk form login.
- <div class="login-container"> : Baris ini membuat wadah untuk form login, menerapkan kelas bernama "login-container" untuk tujuan styling.
- <h2>Login</h2> : Baris ini mendefinisikan judul untuk form login.
- <form action="login.php" method="POST"> : Baris ini mendefinisikan form login itu sendiri.
- <label for="username">Username</label> : Baris ini membuat label untuk field input username.
- <input type="text" id="username" name="username" required> : Baris ini membuat field input teks untuk username, dengan atribut ID dan nama, dan atribut required untuk menjadikannya wajib diisi.
- <label for="password">Password</label> : Baris ini membuat label untuk field input password.
- <input type="password" id="password" name="password" required> : Baris ini membuat field input password, dengan atribut ID dan nama, dan atribut required untuk menjadikannya wajib diisi.
- <button type="submit">Login</button> : Baris ini membuat tombol yang mengirimkan form.
- </form> : Baris ini menutup tag form.
- </div> : Baris ini menutup div wadah.
- </body> : Baris ini menutup tag body.
- </html> : Baris ini menutup tag HTML.
Codingangan :
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form Login Sederhana</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="login-container">
<h2>Login</h2>
<form action="login.php" method="POST">
<label for="username">Username</label>
<input type="text" id="username" name="username" required>
<label for="password">Password</label>
<input type="password" id="password" name="password" required>
<button type="submit">Login</button>
</form>
</div>
</body>
</html>
Komentar
Posting Komentar