1. bukalah visual studio anda - new project - c# dan buatlah project seperti ini :
2. lalu copy kan script berikut : "AutoPostBack"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AutoPostBack.aspx.cs" Inherits="Bab2.AutoPostBack" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>Masukkan Keyword</td>
<td>:</td>
<td>
<asp:TextBox ID="txSearch" runat="server"
AutoPostBack="true" OnTextChanged="txSearch_TextChanged">
</asp:TextBox>
</td>
</tr>
<tr>
<td colspan="3">
<hr />
<asp:Label ID="lbSearch" runat="server" Text=""></asp:Label>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
3. "CheckBox"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CheckBox.aspx.cs" Inherits="Bab2.CheckBox" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBox ID="chkBerita" runat="server"
Text="Mau menerima kiriman berita?" /><br />
<asp:Button ID="btSubmit" runat="server" Text="Submit" OnClick="btSubmit_Click" />
<hr />
<asp:Label ID="lbResult" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
4. "CommandEvent"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CommandEvent.aspx.cs" Inherits="Bab2.CommandEvent" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
<asp:Button ID="btAsc" runat="server" Text="Urut Asc"
CommandArgument="Asc" CommandName="Sort" OnCommand="Cek_Command" />
</td>
<td>
<asp:Button ID="btDesc" runat="server" Text="Urut Desc"
CommandArgument="Desc" CommandName="Sort" OnCommand="Cek_Command" />
</td>
</tr>
<tr>
<td colspan="2">
<hr />
<asp:BulletedList ID="bltBarang" runat="server" BulletStyle="Numbered"></asp:BulletedList>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
5. "CrossPage"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CrossPage.aspx.cs" Inherits="Bab2.CrossPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Cross Page Post</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="lbSearch" runat="server" Text="Search :"></asp:Label>
<asp:TextBox ID="txSearch" runat="server"></asp:TextBox>
<asp:Button ID="btSearch" runat="server" Text="Search"
PostBackUrl="CrossPageResult.aspx" />
</div>
</form>
</body>
</html>
6. "CrossPageResult"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CrossPageResult.aspx.cs" Inherits="Bab2.CrossPageResult" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="lbSearch" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
7. "EventOnClick"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EventOnClick.aspx.cs" Inherits="Bab2.EventOnClick" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Menggunakan Event OnClick</title>
</head>
<body>
<form id ="form1" runat="server">
<div>
<asp:Button ID="btnSubmit" Text="Click Here!"
Runat="server" OnClick="btnSubmit_Click" /><br />
<asp:Label ID="label1" runat="server" />
</div>
</form>
</body>
</html>
8. "ImageControl"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EventOnClick.aspx.cs" Inherits="Bab2.EventOnClick" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Menggunakan Event OnClick</title>
</head>
<body>
<form id ="form1" runat="server">
<div>
<asp:Button ID="btnSubmit" Text="Click Here!"
Runat="server" OnClick="btnSubmit_Click" /><br />
<asp:Label ID="label1" runat="server" />
</div>
</form>
</body>
</html>
9. "JenisTextBox"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JenisTextBox.aspx.cs" Inherits="Bab2.JenisTextBox" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txBiasa" runat="server"></asp:TextBox><br />
<asp:TextBox ID="txPass" runat="server" TextMode="Password"></asp:TextBox><br />
<asp:TextBox ID="txComment" runat="server" TextMode="MultiLine"></asp:TextBox>
</div>
</form>
</body>
</html>
10. "LabelControl"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LabelControl.aspx.cs" Inherits="Bab2.LabelControl" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Label Control</title>
<style type="text/css">
div {
padding: 10px;
}
.labelStyle {
color: red;
background-color: yellow;
border: solid 2px red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="lbTime" runat="server" Text="Label" Font-Size="Large"
CssClass="labelStyle"></asp:Label>
</div>
</form>
</body>
</html>
11. "PanelControl"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PanelControl.aspx.cs" Inherits="Bab2.PanelControl" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Bahasa Pemrograman favourit anda:
<br />
<br />
<asp:RadioButton ID="rbVB"
GroupName="language" Text="Visual Basic" runat="server" />
<br />
<br />
<asp:RadioButton ID="rbCSHarp" GroupName="language" Text="C#"
runat="server" />
<br />
<br />
<asp:RadioButton ID="rbOther" GroupName="language" Text="Other Language"
runat="server" />
<br />
<asp:Panel ID="pnOther" Visible="false" runat="server">
<asp:Label ID="lbOther" Text="Bahasa yg lain: "
AssociatedControlID="tbOther" runat="server" />
<asp:TextBox ID="tbOther" runat="server" />
</asp:Panel>
<br />
<br />
<asp:Button ID="btSubmit" Text="Submit"
runat="server" OnClick="btSubmit_Click" />
</div>
</form>
</body>
</html>
12. "RadioButton"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadioButton.aspx.cs" Inherits="Bab2.RadioButton" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Dari mana anda mengetahui SMK Telkom SP Malang?
<ul>
<li>
<asp:RadioButton ID="rbOrtu" runat="server"
Text="Orang Tua" GroupName="source" />
</li>
<li>
<asp:RadioButton ID="rbTeman" runat="server"
Text="Teman" GroupName="source" />
</li>
<li>
<asp:RadioButton ID="rbWeb" runat="server"
Text="Website" GroupName="source" />
</li>
</ul>
<asp:Button ID="btSubmit" runat="server"
Text="Submit" OnClick="btSubmit_Click" />
<hr />
<asp:Label ID="lbHasil" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
13. "TugasASP5"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tugasASP5.aspx.cs" Inherits="Bab2.tugasASP5" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Tugas ASP 5</title>
<style type="text/css">
div {
padding:10px;
}
.back {
background-color:deepskyblue
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="2">
<tr>
<td rowspan="9"><img src="logotelkom.jpg" /></td>
<td colspan="3" class="back"><b><center>INPUT BIODATA</center></b></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td>
<asp:TextBox ID="txNama" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<asp:RadioButton ID="laki" runat="server" Text="L"></asp:RadioButton>
<asp:RadioButton ID="perempuan" runat="server" Text="P"></asp:RadioButton></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" ></asp:TextBox></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>
<asp:TextBox ID="txtAlamat" runat="server" TextMode="MultiLine"></asp:TextBox></td>
</tr>
<tr>
<td>Cita-cita</td>
<td>:</td>
<td>
<asp:RadioButton ID="rbFoto" GroupName="cita" Text="Photographer" runat="server" />
<br />
<asp:RadioButton ID="rbProg" GroupName="cita" Text="Programmer" runat="server" />
<br />
<asp:RadioButton ID="rbLain" GroupName="cita" Text="Lainnya" runat="server" AutoPostBack="true" />
<br />
<br />
<asp:Panel ID="pnlLain" Visible="false" runat="server">
<asp:Label ID="lblLain" Text="Cita-cita yang lain : " AssociatedControlID="txtLain" runat="server"/>
<asp:TextBox ID="txtLain" runat="server" />
</asp:Panel>
</td>
</tr>
<tr>
<td colspan="3">
<center><asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" CssClass="back" OnClick="btnSubmit_Click" BorderStyle="Double" BorderColor="YellowGreen"/></center>
</td>
</tr>
</table>
<hr />
<asp:Label ID="lblNmalgkp" runat="server" /><br />
<asp:Label ID="lbljns" runat="server" /><br />
<asp:Label ID="lblEmail" runat="server" /><br />
<asp:Label ID="lblPass" runat="server" /><br />
<asp:Label ID="lblalamat" runat="server" /><br />
<asp:Label ID="lblCita" runat="server" /><br />
</div>
</form>
</body>
</html>
14. "UseViewState"
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UseViewState.aspx.cs" Inherits="Bab2.UseViewState" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Memahami ViewState</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="btnAdd_Click" />
<asp:Label ID="lbCounter" runat="server" Text="0"></asp:Label>
</div>
</form>
</body>
</html>
15. jika sudah jalan kan program "TugasASP5" dengan tekan CTRL + F5 ..


Tidak ada komentar:
Posting Komentar