Wednesday, April 13, 2016

HALAMAN FORM LOGIN HTML


Pertama, buatlah file dan simpan dengan nama login.php yang isinya adalah html form loginKedua ketikkanlah script html seperti berikut ini :

<!DOCTYPE html>
<html>
<head>
<title>Halaman Masuk / Login</title>
</head>
<body>

</body>
</html>

Ketiga buatlah sebuah DIV baru dengan ID panel-login.

<div id="panel-login"></div>

Ke empat buatlah tag form di dalam apitan DIV dengan ID panel-login yang tadi.

<div id="panel-login">
<form></form>
</div>

Kemudian arahkan pemrosesan dari form tersebut ke file proses-login.php dengan  menambahkan  attribut  action="".

<form action="proses-login.php"></form>

Tambahkan lagi attribut method="" dengan value nya post agar inputan yang dikirimkan nantinya tidak di tampilkan pada addressbar browser.

<form action="proses-login.php" method="post"></form>

Buat lagi sebuah div dengan class namenya baris.

<div class="baris"></div>

Pada class baris buatlah sebuah input dengan disabled="disabled" dan value="@".

<input disabled="disabled" value="@" />

Buat lagi sebuah input dengan type email dan name nya email_user.

<input name="email_user" type="email">

Buat lagi sebuah div dengan class baris dan 2 buah input.
Disable dan yang satunya type nya password dan namenya password_user.

<div class="baris">
<input disabled="disabled" value="#">
<input name="password_user" type="password">
</div>

Buat lagi div dengan class yang sama tapi disini hanya ada satu buah input dengan type="submit" dan value=" Masuk ".

<div class="baris">
<input type="submit" value=" Masuk ">
</div>

Simpan dan Jalankan.

HASIL :

2 comments:

  1. Dua kali dibaca ulang, ternyata masih juga belum paham. Maklum ga ada basic pemerograman.

    ReplyDelete
    Replies
    1. Hmm, berarti saya masih belum bisa menyampaikannya dalam bentuk tulisan yang mudah di pahami oleh para pembaca.
      Mungkin ditulisan berikutnya saya akan menulis dengan keterangan yang lebih mudah dipahami oleh pembaca.
      Amin.

      Delete