TuGAS ASP 5 kali ini design form
buat new item baru di solution yang telah kita buat untuk praktikum asp5
ketikan script dibawah ini: emh jangan lupa di save dengan nama InputBiodata
<%@ 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(bg11.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 new item lagi untuk menampilkan data hasil beri 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(bg11.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>
nah ini hasilnya: bagus bukan??
0 komentar:
Posting Komentar