SERVER CONTROL [Praktukum ASP 5]
Assalamu'alaikum.. Pada kali ini saya akan meng-share tentang praktikum asp 5 saya, pada praktikum kali ini akan membahas tentang MENGGUNAKAN SERVER CONTROL
Langsung saja ke Praktikumnya.. cekidott gan :D!!
1. Pertama-tama buka dulu Visual Studio 2012 sobat..
2. Kemudian di Tab PROJECT -> Add New Item -> Web Form
3 Beri nama TugasCrossPage.aspx
4. Ketikkan Script Dibawah
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Form Data Diri</title>
<style type="text/css">
h1 {
font-family:Andalus;
text-align:center;
font-weight:bolder;
padding: 10px 20px 10px 20px;
}
p {
font-family:Andalus;
}
ul, li {
list-style:none;
}
.tengah {
text-align:center;
}
.kepala {
background-color:pink;
}
.back {
background-color:deepskyblue;
border-radius:20px;
text-decoration:none;
text-transform:none;
font-family:Arial;
font-weight:bolder;
border-color:grey;
padding: 3px 12px 3px 12px;
}
.tabel {
}
.auto-style2 {
width: 177px;
}
</style>
</head>
<body background="2.PNG">
<form id="form1" runat="server">
<div>
<center><div class="tabel"><table border="4" bgcolor="#FF9999">
<tr>
<td rowspan="9" width="150"><center><img src="logo.jpg" width="230px" height="300px"/></center></td>
<td colspan="3" class="kepala"><center><h4><font color="white"> INPUTAN BIODATA SISWA </font></font></h4></center></td>
</tr>
<tr>
<td class="auto-style2">Nama Lengkap</td>
<td>:</td>
<td>
<asp:TextBox ID="tbNmLgk" runat="server" /></td>
</tr>
<tr>
<td class="auto-style2"><p></p>Jenis Kelamin</td>
<td>:</td>
<td>
<asp:RadioButton ID="rdbLaki" runat="server" Text="Laki-laki" GroupName="Gender"/>
<asp:RadioButton ID="rdbPrmp" runat="server" Text="Perempuan" GroupName="Gender" OnCheckedChanged="rdbPrmp_CheckedChanged"/>
</td>
</tr>
<tr>
<td class="auto-style2">Email</td>
<td>:</td>
<td>
<asp:TextBox ID="tbEmail" runat="server" /></td>
</tr>
<tr>
<td class="auto-style2">Password</td>
<td>:</td>
<td>
<asp:TextBox ID="tbPwd" runat="server" type="Password" AutoPostBack="false"/></td>
</tr>
<tr>
<td class="auto-style2">Alamat</td>
<td>:</td>
<td>
<asp:TextBox ID="tbAlmt" runat="server" TextMode="MultiLine" /></td>
</tr>
<tr>
<td class="auto-style2">Cita-cita</td>
<td>:</td>
<td>
<asp:RadioButton ID="rdbProg" runat="server" Text="Programmer" GroupName="Cita2" /><br />
<asp:RadioButton ID="rdbTek" runat="server" Text="Web Designer" GroupName="Cita2" /><br />
<asp:RadioButton ID="rdbOther" runat="server" Text="Lainnya" GroupName="Cita2" AutoPostBack="true" /><br />
<br />
<asp:Panel ID="pnlOther" runat="server" Visible="false">
<asp:Label ID="lbOther" runat="server" Text="Cita-cita yang lain :" AssociatedControlID="tbOther"/><br />
<asp:TextBox ID="tbOther" runat="server" />
</asp:Panel>
</td>
</tr>
<tr>
<td colspan="3">
<div class="tengah"><asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="back" OnClick="btnSubmit_Click" BackColor="#ff6699" /></div></td>
</tr>
</table></div>
<hr />
<asp:Label ID="lbNmLgk" runat="server" /><br />
<asp:Label ID="lbGender" runat="server" /><br />
<asp:Label ID="lbEmail" runat="server" /><br />
<asp:Label ID="lbPwd" runat="server" /><br />
<asp:Label ID="lbAlmt" runat="server" /><br />
<asp:Label ID="lbCita2" runat="server" /><br />
</center>
</div>
</form>
</body>
</html>
6. Apabila ditekan CTRL+F5 hasilnya akan seperti ini
7. Dan ketikan kita menginputkan data kita maka hasil yang keluar seperti gambar dibawah
Sudah beres kan? Ini mudah mudah menyulitkan :D Selamat Mencobaaaaa! Sampai jumpa di tugas tugas selanjutnya temaaaaaan! ^o^/
0 komentar