Modul 3
LAPORAN MODUL 3
FRAME DAN FROM
Nama : yayat supriatna
Kelas : Sic2016
Nim : 20160910098
Postest
1.buatlaj form login
2.buatlah website menampilkan menu footer dan header
3.butlah web sederhana form
1.
kode program :
<table align="center" width="405" height="169" border="0" cellpadding="0" cellspacing="0"> // membuat tabel beserta ukuran
<tr bgcolor="#428ef6">// mewarnai
<td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div></td>//membuat kolom kemudian digabungkan denagn colspan dan menampilkan tulisan
</tr>
<tr>
<td width="95" height="32">Username</td>//membuat baris user
<td width="304"><label>:
<input name="username" type="text" id="username" />//tabel user
</label></td>
</tr>
<tr>
<td height="26">Password</td> //baris pasword
<td><label>:
<input name="password" type="password" id="password" maxlength="8" />//membuat tabel password dan maxsimal inputan 8 ,mengunakn maxlegth
</label></td>
</tr>
<tr>
<td height="48"> </td>
<td><input name="Login" type="submit" id="Login" value="Login" >//membuat kolom login
<input name="Batal" type="submit" id="Batal" value="Batal"></td>//membuat kolom batal
</tr>
<tr bgcolor="#blue">
<td height="26" colspan="2"><div align="right"><strong><center>in4rmasi.blogspot.com</center></strong></div></td>
</tr>
</table>\</html>
<tr bgcolor="#428ef6">// mewarnai
<td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div></td>//membuat kolom kemudian digabungkan denagn colspan dan menampilkan tulisan
</tr>
<tr>
<td width="95" height="32">Username</td>//membuat baris user
<td width="304"><label>:
<input name="username" type="text" id="username" />//tabel user
</label></td>
</tr>
<tr>
<td height="26">Password</td> //baris pasword
<td><label>:
<input name="password" type="password" id="password" maxlength="8" />//membuat tabel password dan maxsimal inputan 8 ,mengunakn maxlegth
</label></td>
</tr>
<tr>
<td height="48"> </td>
<td><input name="Login" type="submit" id="Login" value="Login" >//membuat kolom login
<input name="Batal" type="submit" id="Batal" value="Batal"></td>//membuat kolom batal
</tr>
<tr bgcolor="#blue">
<td height="26" colspan="2"><div align="right"><strong><center>in4rmasi.blogspot.com</center></strong></div></td>
</tr>
</table>\</html>
2.
kode program :
<frameset rows="30%,80%,10%" border="3">//menentukan model framset dan ketebalan 30% untuk menu 80% konten 10% footer
<frame name="header" src="header.html"></frame>//memanggil scrip header yang sudah dibuat
<frameset cols="20%,80%" >//membuat menu dan konten
<frame name="menu" src="menu.html" ></frame>//membuat menu
<frame name="main" src="formulir.html"></frame>//membuat konten
</frameset>
<frameset>
<frame name="footer" src="poter.html"></frame>//membuat footer
</frameset>
3.
kode program :
<html>
<head>
<title>Properti only</title>
</head>
<body>
<h1> property only</h1>//membuat tulisan dengan ukuran h1
<form action="formulir.html" method="get">//membuat form formulir
NIM:<input type="text" name="nama" value="nim"/>//membuat nim
</br>
jenis kelamin:
<input type="radio" name="jenis_kelamin" value="cowok" checked/>//membuat tamilan jenis kelamin cowok dengan model radio
<input type="radio" name="jenis_kelamin" value="cewek"/>//membuat tamilan jenis kelamin dengan model radio
cewek
</br>
komentar anda :
<textarea name="komentar" rows="5" cols="20">// membuat text area denag isian
silahkan katakan isi hati anda broooooo?
</textarea>
<br/>
NIM:<input type="text" name="nama" maxlength="10" /><br>//mem uat inputan nim max 10 dengan maxlegth
<input type="submit" value="proses">//membuat button proses
</form>
</body>
</html>
terimaksih tealah berkunjung semoga bermanffat
Komentar
Posting Komentar