Praktikum ASP 5
Form Isian
1. pertama,kita buat file new dulu,yaitu ASP web Application
2.kedua,setelah terbuat file nya pada lahan kosong pada web form itu ketikkan script berikut :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Form Data Diri</title>
<style type="text/css">
.field {
background-color: aqua;
}
</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>
lalu akan muncul tampilan berikut sebagai hasilnya :
lalu setelah diisi dan di klik submit,maka akan muncul hasil berikut :
okee thanks udah baca.. :D
Postingan
0 komentar: