8. Cara membuat web login



A. Membuat web Login


Kali ini saya akan memberikan tutorial cara membuat web login. Tentunya dalam pembuat web login ini saya akan menggunakan HTML sebagai dasar bahasa pemrogramannya. Web login ini biasanya di gunakan untuk masuk ke halaman yang hanya bisa di akses oleh orang tertentu. Tetapi kali ini saya hanya akan memberikan contoh tampilannya saja. Untuk masalah mengkoneksikannya ke data base akan saya bahas di tutorial lain. Untuk libah jelasnnya silahkan lihat tutorial dibawah ini.


<html>
	<head>
		<title>Login By Coding Lengkap</title>
	</head>
	<body>

	<table width="405" height="169" border="0" cellpadding="0" cellspacing="0" align="center">

	    <tr bgcolor="#428ef6">
	      <td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div></td>
	    </tr>
	    <tr>
	      <td width="95" height="32">Username</td>
	      <td width="304"><label>:
	          <input name="username" type="text" id="username" placeholder="username">
	      </label></td>
	    </tr>
	    <tr>
	      <td height="26">Password</td>
	      <td><label>:
	          <input name="password" type="password" id="password" placeholder="password">
	      </label></td>
	    </tr>
	    <tr>
	      <td height="48"> </td>
	      <td><input name="Login" type="submit" id="Login" value="Login" />
	          <input name="Batal" type="submit" id="Batal" value="Batal" /></td>
	    </tr>
	    <tr bgcolor="#428ef6">
	      <td height="26" colspan="2"><div align="right"><marquee behavior="alternate"  onmouseover="this.stop()" onmouseout="this.start()">Log In By Coding Lengkap</marquee></div></td>
	    </tr>
	</table>

	</body>
</html>

Diatas adalah script/tag untuk pembuatan halaman login. Saya akan membahas script/tag diatas.

type="text" untuk memberikan fungsi text
placeholder="" untuk memberikan text kedalam tabel
<marquee<</marquee< untuk membuat efek tulisan berjalan


Sekian tutorial kali ini. Untuk selanjutnya saya akan memberikan tutorial cara mengalihkan halaman login ke halaman biodata. Sekian terima kasih.
Semoga bermanfaat.


Share on Google Plus

About vildan afriansyah

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

1 komentar: