Minggu, 09 November 2014

Cara Membuat Form Login Web Dengan Tampilan Facebook Menggunakan Elemen Tabel

02.39

By: Muhammad Yusuf On: 02.39  In:  9 comments
Assalamualaikum Warahmatullahi Wabarakatuh, Pengunjung setia blog ini (padahal gak pernah ada yang ngunjungin) kali ini gua akan memberi tahu "Cara Membuat Form Login Web Dengan Tampilan Facebook Menggunakan Elemen Tabel" Ya tanpa panjang lebar kaya lumpia. Cekidot aja nih sintaks/codenya :

<HTML>
<HEAD>
<TITLE>Selamat Datang di LuFa Cebook </TITLE>
</HEAD>
<BODY>
<TABLE border="1" bgcolor="black" align="center">
<TR>
<TD align="right"bgcolor="#3b5998" height="120" width="450">
<font color="#FFFFFF" size="2" face="arial">Email atau Telepon</font>&nbsp; &nbsp; &nbsp; &nbsp;<font color="#FFFFFF" size="2" face="arial">Kata Sandi</font>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<form action="link yang akan dituju" method="post">
<input size="15" type="text" required />
<input size="15" type="password" required />
<input size="50" type="button" value="Masuk"/>&nbsp; &nbsp;
<br />
<input type="checkbox" /><font color="#98a9ca" size="1" face="arial">Biarkan saya tetap masuk</font>&nbsp; <font color="#98a9ca" size="1" face="arial">Lupa kata sandi anda?</font>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</form>
</TR>
<TR>
<TD valign="top" background="bg.jpg" bgcolor="White" height="450">
&nbsp; &nbsp; <font size="12" face="arial"><b>Mendaftar</b></font><br />
&nbsp; &nbsp; <font face="arial"><b>Gratis sampai kapan pun.</b></font><br /><br />
<center>
<input size="20" type="text" placeholder="Nama depan"  required />
<input size="20" type="text" placeholder="Nama belakang"  required /><br /><br />
<input size="45" type="text" placeholder="Email atau nomor ponsel"  required /><br /><br/>
<input size="45" type="text" placeholder="Masukkan lagi email atau nomor ponsel"  required /><br /><br />
<input size="45" type="text" placeholder="Kata sandi baru"  required /><br /><br />
</center>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <font face="arial"><b>Tanggal Lahir</b></font><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <select name="Tanggal">
<option>Tanggal</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name="Bulan">
<option>Bulan</option>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
</select>
<select name="Tahun">
<option>Tahun</option>
<option>2014</option>
<option>2013</option>
<option>2011</option>
<option>2010</option>
<option>2009</option>
<option>2008</option>
<option>2007</option>
<option>2006</option>
<option>2005</option>
<option>2004</option>
<option>2003</option>
<option>2002</option>
<option>2001</option>
<option>2000</option>
<option>1999</option>
<option>1998</option>
<option>1997</option>
<option>1996</option>
<option>1995</option>
<option>1994</option>
<option>1993</option>
<option>1992</option>
<option>1991</option>
<option>1990</option>
<option>1989</option>
<option>1988</option>
<option>1987</option>
<option>1986</option>
<option>1985</option>
<option>1984</option>
<option>1983</option>
<option>1982</option>
<option>1981</option>
<option>1980</option>
</select>
<br /><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="radio" name="ijekal" value=Perempuan><font face="arial"><b>Perempuan</b></font>
<input type="radio" name="ijekal" value=Laki-Laki><font face="arial"><b>Laki-laki</b></font><br /><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <font size="1" face="arial">Dengan mengeklik Mendaftar, Anda menyetujui <font color="#3b5998">Ketentuan kami</font><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dan bahwa Anda telah membaca <font color="#3b5998">Kebijakan Penggunaan Data</font><br/ >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; kami, termasuk <font color="#3b5998">Penggunaan Kuki</font>.</font>
<br /><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input size="50" type="button" value="Mendaftar"/>
<br />
</TD>
</TR>
<TR align="center" bgcolor="#3b5998">
<TD><font color="#FFFFFF" face="arial">Copyright &copy; 2014 Muhammad Yusuf</font></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Ditulis oleh

Hanya pelajar yang sedang berkembang untuk mengembangkan ilmu serta berbagi pengalaman yang sudah diperoleh.

9 komentar:

Saya tidak bisa memantau seluruh komentar yang masuk, untuk itu saya, mohon maaf jika komentarnya tidak dibalas. Bagi anda yang ingin berkomentar tapi tidak punya akun Google, anda bisa menggunakan Anonymous pada "Beri komentar sebagai" dibawah kotak komentar.

Syarat Berkomentar :
1. Relevan / Sesuai Postingan
2. Tidak berkomentar Rasis, SARA (Menghina Agama), Pornografi, dll
3. Berkomentar tidak mengandung link aktif
4. Jika ada yang melanggar, maka komentar tersebut akan dihapus.

Sekian,

Langganan: Posting Komentar (Atom)

 

© 2013 M-Yusuf. All rights resevered. Designed by Templateism

Back To Top