Saturday, July 8, 2017

Tutorial membuat form login HTML

Hi semua, saya akan membahas cara membuat form login html
apa sih html itu ? html ( hyper text markup language )  adalah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web.

pada sebuah form html harus di awali dengan tag <form> dan di akhiri dengan </form> ( berlaku untuk semua tag html ). tag form ini memerlukan beberapa atribut supaya tag dapat berjalan seperti seharusnya.

atribut yang pertama adalah action yang berfungsi menjelaskan kemana data pada form ini dikirim, lalu
yang kedua adalah method yang menjelasakan bagaimana data akan di kirim

nilai atribut action biasanya  alamat dari sebuah laman PHP yang digunakan untuk memproses data.
kita akan membahas PHP nanti .

pada sebuah form juga terdapat tag <input>
tag <input> ada macam macam, dan yang kita gunakan untuk form login ini adalah
<input type="text">
berfungsi untuk membuat textbox yang menerima input teks dan bisa dilihat

<input type="password">
 berfungsi untuk membuat textbox yang menerima input teks namun tidak dapat di lihat ( namanya juga password -_- )

<input type="button">
berfungsi untuk membuat tombol pada html dan biasanya di beri nilai/value

nah saya sudah siapin nih bahanya supaya bisa langsung di praktekan :

<html>
<head>
<title> Belajar html evrysitez </title>
</head>
<body>
<form action="pengecekan.php"  method="post">
<font size="32" color="red">Selamat datang di halaman login</font>
<table>
<tr>
<td>
masukan username :  <input name="username" type="text">
</td>
</tr>
<tr>
<td>
masukan password :  <input name="password" type="password">
</td>
</tr>
<td>
<input type="button" value="login">
</td>
</table>
</form
<marque><font color="blue"> copyright Everysitez </font></marquee>
</body>
</html>


copy code/syntak di atas ke notepad
kemudian klik save dan jangan lupa dengan format html
misalnya namafile.html
lalu buka dengan browser

sekian tutorial dari saya, apa bila kurang lengkap atau salah mohon di maafkan, terimakasih.


EmoticonEmoticon