Membuat Borang Log Masuk atau Daftar di Laman Web Anda

Membuat Borang Log Masuk atau Daftar di Laman Web Anda

Menambah pilihan log masuk ke laman web memberi pengguna anda peluang untuk membuat nama pengguna dan kata laluan. Kebanyakan laman web mempunyai halaman log masuk supaya pengguna boleh mengakses maklumat rahsia atau eksklusif.

Berikut ialah contoh kod HTML yang membolehkan anda menambah borang ringkas ke laman web anda, dan menghantar maklumat tersebut ke pangkalan data MySQL.

Langkah 1: Sediakan pangkalan data

Buat pangkalan data dalam MySQL. Pangkalan data ini akan menyimpan nama pengguna dan kata laluan setiap pengunjung.

Langkah 2: Cari fail HTML

Temui kod HTML bagi halaman di mana anda mahu letak borang log masuk. Biasanya ia ialah laman utama, tetapi boleh juga halaman terpisah.

Langkah 3: Letak tempat borang

Di dalam kod HTML, pilih tempat di mana borang hendak dipaparkan (biasanya di bahagian atas). Pastikan kod berada antara tag dan .

Langkah 4: Mulakan borang

Masukkan kod berikut untuk memulakan borang log masuk:

<form action="/bin/processmyform.php" method="post" enctype="multipart/form-data">

Fail /bin/processmyform.php memproses nama pengguna dan kata laluan. Pastikan skrip PHP berada dalam direktori yang betul dan dapat mengakses pangkalan data.

Langkah 5: Nama Pengguna

Tambahkan kod berikut di bawah borang:

<label>Nama Pengguna:</label>
<input type="text" name="username" required>

Anda boleh menukar label kepada "Log Masuk" atau "Daftar".

Langkah 6: Kata Laluan

Tambahkan kod berikut:

<label>Kata Laluan:</label>
<input type="password" name="password" required>

Langkah 7: Butang Hantar

Masukkan kod butang:

<input type="submit" value="Hantar">

Anda boleh menukar teks kepada "Log Masuk" atau "Daftar".

Langkah 8: Tutup borang

Tambah tag penutup:

</form>

Langkah 9: Semak dan uji

Periksa kod anda dan pastikan ia sepadan dengan contoh:

<form action="/bin/processmyform.php" method="post" enctype="multipart/form-data">
  <label>Nama Pengguna:</label>
  <input type="text" name="username" required>
  <label>Kata Laluan:</label>
  <input type="password" name="password" required>
  <input type="submit" value="Hantar">
</form>

Simpan fail dan lihat di laman web anda. Uji dengan nama pengguna dan kata laluan percubaan untuk memastikan borang berfungsi.

Tip

• Luangkan masa untuk mempelajari MySQL dan PHP sebelum menambah borang log masuk.

Alat yang diperlukan

• MySQL
• Editor teks HTML