Pada Artikel sebelumnya saya sudah membahas cara membuat table dengan HTML. Kali ini saya akan memberikan tips Cara membuat Login Form dengan HTML.
Teknik yang saya gunakan kali ini hanya untuk pemula. Disini saya masih menggunakan teknik cara membuat table. Tapi dengan dimodifikasi sedikit kita bisa merubahnya menjadi sesuatu yang baru.
Coba perhatikan source code dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>log in | Administrator</title>
<style>
body{margin: 200px 500px; background:aqua;}
</style>
</head>
<body>
<form action="#" method="GET">
<h3>Welcome To Administrator</h3>
<hr>
<table>
<tr>
<td>user name</td><td>:</td><td> <input type="text" name="username"/></td>
</tr>
<tr>
<td>Password </td><td>:</td><td> <input type="password" name="password"/></td>
</tr>
<tr>
<td></td><td></td> <td><input type="submit" name="login" value="log in"/> <input type="submit" name="cencel" value="cencel"/></td>
</tr>
</table>
</form>
</body>
</html>
Penjelasannya ::
- Di dalam <table>...</table> kita bisa mengasih attribut tinggi dan lebar juga. kita tinggal mengasih nilai pada attribut tersebut (height & width).
- <div align="center>... </div> gunanya untuk membuat text rata tengah.
- <strong>...</strong> untuk membuat text menjadi cetak tebal.
- Tag <input> untuk menentukan sebuah field input, dimana pengguna bisa memasukan data. Sebuah input dapat bervariasi dalam banyak cara, tergantung type attribut.
- attribut text pada input untuk membuat text field.
- attribut password untuk membuat text field rahasia.
- attribut submit untuk button.
Mudah sajakan ??? Silahkan anda modifikasi sendiri source code diatas.
Semoga artikel ini bermanfaat buat anda.Anda bisa download source cosenya di atas.
tes
ReplyDeleteSangat membantu buat yang baru belajar pemrograman dasar gan, semangat teruS, lebih bagus kalo itu buttonnya dikasih css jg gan biar lebih menarik
ReplyDeleteiya gan baru belajar.makasi atas kunjuganya gan.
Deletewah ini tugas saya dulu gan, sama buat database User btw nice info buat yang ingin belajar
ReplyDeletemakasi gan.
DeleteSuksma terima kasih agan Putu Ariana atas tutorialnya. Bermanfaat sekali. Nanti dicoba deh hehe.. . Salam kenal ya gan. Jangan lupa singgah ke blog saya.
ReplyDeleteSalam Blogger Indonesia.
suksme gan,,terimakasih atas kunjunganya agan putu,,salam kenal bali mas putu,,selamat hari raya nyepi gan,,,iya gan mana linknya.
Deletemakasih atas artikelnya sangat bermanfaat.
ReplyDeletehttp://blog.binadarma.ac.id/ay_ranius
Sama2 gan, terimakasih atas kunjunganya gan.jagan lupa berkunjung kembali.
Deletekak itu kalo ngelink login nya ke web lain gmna ya kak? dengan nameuser sma password nya di masukin sesuai yang kita mau kalo gak salah masukin gak bsa login kyk yg d fb misalnya.
ReplyDeleteSilahkan buka link ini barangkali bisa membantu https://fikom-uit-bk14-putuariana.blogspot.com/2016/02/membuat-form-login-dengan-php-mysql.html?m=1
Deletemantap
ReplyDeleteTerimakasih, mantap juga buat anda sudah mampir ke blog gratis an ini
Deletekeren
ReplyDelete