PratikumASP#5
Kali ini saya akan memberikan postingan yang terbaru tentang
pratikum-pratikum saya , kali ini saya akan mempostingkan tentang data inputan
langsung saja ini dia…
Pertama buat
solution di praktikumphp5
Berinama
Inputbiodata
Ketikan
script dibawah ini
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InputBiodata.aspx.cs" Inherits="Bab2.InputBiodata" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Inputan</title>
<link rel="stylesheet" type="text/css" href="nah.css" />
<style>
.f {
font-family: Verdana;
}
.auto-style1 {
width: 712px;
}
#Reset1 {
height: 27px;
width: 64px;
}
</style>
</head>
<body Style="background-image:url(gt.jpg);background-repeat:repeat;">
<form id="form1" runat="server">
<center>
<h2>
<span style="color: white; font-family: Adler;">FORM PENDAFTARAN </span></h2>
<table class="f" cellspacing="0" cellpadding="7" bgcolor="#FFFFFF" border="0" width="450" height="200" Style='border-color:white; border-radius: 20px;
box-shadow: 0 0 2px 2px white;'>
<tr>
<td rowspan="9" width="250" Style=' border-top-left-radius:20px;border-bottom-left-radius:20px '><center><img src="logo.jpg" width="200" 0height="200" /></center></td>
<td colspan="3" Style=' border-top-right-radius:20px; '>
<center><font color="red" font size="6">INPUTAN BIODATA</font></center>
</td>
</tr>
<tr>
<td> Nama </td>
<td width="1"><center>:</center></td>
<td><asp:TextBox ID="nama" type="text" Size="35" runat="server"
></asp:TextBox></td>
</tr>
<tr>
<td> Jenis Kelamin</td>
<td><center>:</center></td>
<td class="auto-style1">
<asp:radiobutton groupname="Gender" id="rbtLaki" runat="server" text="Laki-Laki"></asp:radiobutton>
<asp:radiobutton groupname="Gender" id="rbtPerempuan" runat="server" text="Perempuan"></asp:radiobutton>
</td>
</tr>
<tr>
<td>E-mail</td>
<td><center>:</center></td>
<td><asp:TextBox ID="Email" type="text" Size="35" runat="server"
></asp:TextBox></td>
</tr>
<tr>
<td>Password</td>
<td><center>:</center></td>
<td><asp:TextBox ID="pwd" type="password" Size="35" runat="server"
></asp:TextBox></td>
</tr>
<tr>
<td>Alamat</td>
<td><center>:</center></td>
<td>
<asp:TextBox ID="alamat" TextMode="MultiLine" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>Cita - Cita</td>
<td><center>:</center></td>
<td class="auto-style1">
<asp:radiobutton groupname="Cita" id="rbtCita1" runat="server" text="Kuliah"></asp:radiobutton>
<br />
<asp:radiobutton groupname="Cita" id="rbtCita2" runat="server" text="Kerja"></asp:radiobutton>
<br />
<asp:radiobutton groupname="Cita" id="Cita3" runat="server" text="Yang lain">
</asp:radiobutton>
<asp:button id="btnOther" onclick="btnOther_Click" runat="server" style="background-color: cornsilk; border-radius: 5px;" text="Pilih"></asp:button>
<asp:panel id="pnlOther" runat="server" visible="false">Isi Sendiri:
<asp:textbox id="CitaLain" runat="server"></asp:textbox></asp:panel>
</td>
</tr>
<tr>
<td colspan="3" style=' border-bottom-right-radius:20px;'><center>
<asp:button id="prev" onclick="prev_Click" runat="server" style="background-color: antiquewhite; border-radius: 10px;" text="Preview Di Bawah"></asp:button>
<asp:Button ID="btnSubmit" runat="server" style="background-color: cornsilk; border-radius: 10px;" Text="Submit" PostBackUrl="IBiodataHasil.aspx" Height="27px" Width="56px" OnClick="btnSubmit_Click"></asp:Button> </center>
</td>
</tr>
</table>
<table aria-dropeffect="popup" width="450" border="0" id="Table1" runat="server" style="background-color: white; border-radius: 20px;">
<tr>
<td bgcolor="#000000" colspan="3" style="border-top-left-radius: 20px; border-top-right-radius: 20px;"><center>
<b><span style="color: white;"><h2>Preview</h2>
</span></b></center>
</td>
</tr>
<tr>
<td width="99">Nama</td>
<td width="19">:</td>
<td width="180">
<asp:label id="lblNama1" runat="server"></asp:label></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<asp:label id="lblGender1" runat="server"></asp:label></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><asp:label id="lblEmail1" runat="server"></asp:label></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><asp:label id="lblPassword1" runat="server"></asp:label></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><asp:label id="lblAlamat1" runat="server"></asp:label></td>
</tr>
<tr>
<td style="border-bottom-left-radius: 20px;">Cita-Cita</td>
<td>:</td>
<td style="border-bottom-right-radius: 20px;"><asp:label id="lblCita1" runat="server"></asp:label></td>
</tr>
</table>
</center>
</form>
</body>
</html>
Kemudian
buat file baru dennag nama IbiodataHasil
Ketikan
script dibawah ini
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IBiodataHasil.aspx.cs" Inherits="Bab2.IBiodataHasil" %>
<%@ PreviousPageType VirtualPath="~/InputBiodata.aspx" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Hasil</title>
<link rel="stylesheet" type="text/css" href="nah.css" />
<style type="text/css">
.labelStyle {
color: red;
}
</style>
</head>
<body Style="background-image:url(gt.jpg);background-repeat:repeat;">
<form id="form1" runat="server"><center>
<font face="Adler" color="white">
<asp:Label ID="Label1" runat="server"></asp:Label></font>
<center><table cellspacing='0' cellpadding='6' bgcolor='#FFFFFF' border='0' width='450' height='300' Style='border-radius:10px;border-color:white; box-shadow: 0 0 2px 2px white; '>
<tr>
<td colspan='3' bgcolor="#000000" Style=' border-top-left-radius:10px; border-top-right-radius:10px'>
<center><strong><font color='white'>DATA DIRI</font></strong></center>
</td>
</tr>
<tr>
<td> Nama Lengkap </td>
<td width='1'><center>:</center></td>
<td><asp:Label ID="lblNama" runat="server" Text="Label"></asp:Label></td>
</tr>
<tr>
<td> Jenis Kelamin</td>
<td><center>:</center></td>
<td><asp:Label ID="lblGender" runat="server" ></asp:Label></td>
</tr>
<tr>
<td>E-mail</td>
<td><center>:</center></td>
<td><asp:Label ID="lblEmail" runat="server" Text="Label"></asp:Label></td>
</tr>
<tr>
<td>Password</td>
<td><center>:</center></td>
<td><asp:Label ID="lblPwd" runat="server" Text="Label"></asp:Label></td>
</tr>
<tr>
<td>Alamat</td>
<td><center>:</center></td>
<td><asp:Label ID="lblAlamat" runat="server" ></asp:Label></td>
</tr>
<tr>
<td Style=' border-bottom-left-radius:20px'>Cita - Cita</td>
<td><center>:</center></td>
<td Style=' border-bottom-Right-radius:20px'><asp:Label ID="lblCita" runat="server" ></asp:Label></td>
</tr>
<tr>
<td colspan="3"> <center>Data dimasukkan pukul <asp:Label ID="lblTime" runat="server" Text="Label" Font-Size="Large"
CssClass="labelStyle"/></center></td>
</tr>
</table></center>
</form>
</body>
</html>
Sehingga jika di Run akan muncul hasil seperti tampilan
dibawah ini
Setelah menginputkan kemudian ditekan Preview dibawah ini
maka akan muncultampilan seperti dibawah ini.
Namun jika dibilih Submit akan muncul tampilan seperti
dibawah ini.
Sekian postingan dari saya semoga postingan tentang pratikum
ini bisa bermanfaat J
Komentar
Posting Komentar