9. Cara mengalihkan halaman login ke halaman biodata
A. Cara menambahkan hyperlin
Kali ini saya akan memberikan tutorial cara mengalihkan halaman login ke halaman biodata. Pada tutorial sebelumnya kita telah membuat halaman biodata dan halaman login. Oleh karena itu saya sekarang akan memberikan cara mengalihkannya. Untuk lebih lengkapnya silahkan lihat tutorial di bawah ini.
1. pastikan biodata.html dan login.html berada dalam satu folder. Jika sudah satu folder lalu buka login.html dan tambahkan script/tag berikut.
<a href="biodata.html"></a>
Fungsi script/tag diatas adalah untuk mengalihkan ke halaman login pada saat ditekan login. Cara untuk memasukkan script diatas adalah sebagai berikut.
<a href="biodata.html>
<input name="Login" type="submit" id="Login" value="Login" >
</a>
Diatas terlihat jelas tempat meletakan script/tag <a href="biodata.html"></a> yaitu sebelum script/tag <input name="Login" type="submit" id="Login" value="Login" >. Makanya jika dilihat script lengkapnya akanmenjadi seperti 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>
<a href="biodata.html>
<input name="Login" type="submit" id="Login" value="Login" >
</a>
<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>
Sekian tutorial dari saya semoga semua tutorial di Coding Lengkap bermanfaat untuk para pembacanya. Sekian terima kasih. Semoga bermanfaat.
0 komentar:
Posting Komentar