<html>
<head>
<title>input type textdan passworsd</title>
</head>
<body>
input type text dan password
<form name="f_lat"action="fajaryanuar76@yahoo.com"method="post"target="top">
nama : <input type="text"name="nm"><br>
kelas : <input type ="text"name="kls"><br>
e-mail : <input type="text"name="mail"><br>
password : <input type="password"name="pass"><br>
re-password : <input type="password"name="rpass"><br>
jenis kelamin : <input type="radio"name="jk"value="laki">laki-laki <input type="radio"name="jk"value="peyempuan">perempuan<br>
hobi : <input type="checkbox"name="hb"value="or">olahraga
<input type="checkbox"name="hb"value="mnl">menulis
<input type="checkbox"name="hb"value="clm">COLI<br>
tanggal lahir : Tgl<select name="lahir">
<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>
Bulan<select name="bulan">
<option>januari</option>
<option>febuari</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>
Tahun<select name="tahun">
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
</select><br>
<input type="submit"name="smp"value="abus">
<input type="reset"name="btl"value="teu jadi ah">
</body>
</html>
CONTOH 2 FORM DENGAN TABEL
<HTML>
<HEAD>
<TITLE>MEMBUAT FORM DENGAN TABEL </TITLE>
</HEAD>
<BODY>
<CENTER><H2><U>FORMULIR PENDAFTARAN SISWA BARU </H2></U>
<FORM NAME="F_LAT1"ACTION="TULIS E-MAIL"METHOD="POST"TARGET="BLANK">
<TABLE BORDER="1"WIDTH="60%">
<TR>
<TD WIDTH="15%">NAMA</TD>
<TD WIDTH="5%"ALIGN="CENTER">:</TD>
<TD WIDTH="40%"><INPUT TYPE="TEXT"NAME="NM"></TD>
</TR>
<TR>
<TD WIDTH="15%">KELAS</TD>
<TD WIDTH="5%"ALIGN="CENTER">:</TD>
<TD WIDTH="40%"><INPUT TYPE="TEXT"NAME="KLS"></TD>
</TR>
<TR>
<TD WIDTH="15%">PASSWORD</TD>
<TD WIDTH="5%"ALIGN="CENTER">:</TD>
<TD WIDTH="40%"><INPUT TYPE="PASSWORD"NAME="PASS"></TD>
</TR>
<TR>
<TD WIDTH="15%">JENIS KELAMIN</TD>
<TD WIDTH="5%"ALIGN="CENTER">:</TD>
<TD WIDTH="40%"><INPUT TYPE="RADIO"NAME="JK"VALUE="LK">LAKI-LAKI<BR>
<INPUT TYPE="RADIO"NAME="JK"VALUE="PEYEM">PEREMPUAN</TD>
</TR>
<TR>
<TD WIDTH="15%">HOBI</TD>
<TD WIDTH="5%"ALIGN="CENTER">:</TD>
<TD WIDTH="40%"><INPUT TYPE="CHECKBOX"NAME="HB"VALUE="OR">OLAHRAGA
<INPUT TYPE="CHECKBOX"NAME="HB"VALUE="MNL">MENULIS<BR><INPUT TYPE="CHECKBOX"NAME="HB"VALUE="CLI">COLI</TD>
</TR>
<TR>
<TD WIDTH="15%">AGAMA</TD>
<TD WIDTH="5%"ALIGN="CENTER">:</TD>
<TD WIDTH="40%"><SELECT NAME="AGAMA">
<OPTION>ISLAM</OPTION>
<OPTION>KRISTEN</OPTION>
<OPTION>BUDHA</OPTION>
<OPTION>HINDHU</OPTION>
<OPTION>KONGHUCU</OPTION></TD>
</TR>
<TR>
<TD WIDTH="60%"COLSPAN="3"ALIGN="CENTER">
<INPUT TYPE="SUBMIT"NAME="SMP"VALUE="SIMPAN">
<INPUT TYPE="RESET"NAME="BTL"VALUE="BATAL"></TD>
</TR>
</BODY>
</HTML>
TUGAS KE 2
HYPERLINK PADA HTML
<html>
<head>
<title>Tugas Fajar Yanuar Gianto Kelas XII IPS 2 </title>
</head>
<body style="background-color:silver">
<center>
<h1><font face="Snap ITC" >WELCOME TO FAJAR'S BLOG</font></h1>
</CENTER>
<table border="1" width="100%" cellspacing="1">
<tr>
<td width="15%" align="center" bgcolor="pink"><a href="http://www.fajaryanuargianto.blogspot.com"target="_blank" style="text-decoration:
none">Home</a></td>
<td width="15%" align="center" bgcolor="pink"><a href="http://www.facebook.com/fajar.y.gianto"target="_blank" style="text-decoration:
none">Profil</a></td>
<td width="15%" align="center" bgcolor="pink"><a href="http://fajaryanuargianto.blogspot.com/p/tugas.html"target="_blank" style="text-decoration:
none">Tugas</a></td>
<td width="15%" align="center" bgcolor="pink"><a href="http://fajaryanuargianto.blogspot.com/"target="_blank" style="text-decoration:
none">Artikel</a></td>
<td width="15%" align="center" bgcolor="pink"><a href="https://twitter.com/fajarpapay"target="_blank" style="text-decoration:
none">About</a></td>
<td width="15%" align="center" bgcolor="pink"><a href="http://fajaryanuargianto.blogspot.com/p/copy.html"target="_blank" style="text-decoration:
none">Awesome Picture</a></td>
</tr>
</table>
contoh hyperlink html menggunakan gambar
<br>KLIK GAMBAR UNTUK MENUJU KE HALAMAN : </br>
<a href="http://www.yahoo.com"> <img src="yahoo.jpg" border="0" width="100"
height="80" align="left"></a>
<a href="http://www.facebook.com"> <img src="facebook.jpg" border="0" width="100"
height="80" align="left"></a>
<a href="http://www.google.com"> <img src="google.jpg" border="0" width="100"
height="80" align="left"></a>
</body>
</html>
Tidak ada komentar:
Posting Komentar