Html Server Button Control CS

1
HTML SERVER CONTROL – Button (CS)
LAB WORK GUIDE
“A Button Control is a control which we click and release to perform
some action.”
A Programme Under the compumitra Series

2
OUTLINE
BUTTON CONTROL(HTML Server Control) Using CS
Code Creation.
Output View.
Modification Trials.
Error Trials.
Practice Exercise.
Summary Review.
References.

3
BUTTON IN HTML CONTROLS
Using "C#"

4
<button id="b1"
OnServerClick="button1"
style="background-color:#e6e6fa;
height:25;width:100" runat="server">
Blue button!
</button>
<button id="b2"
OnServerClick="button2"
style="background-color:#fff0f5;
height:25;width:100" runat="server" >
Pink button!
</button>
<p id="p1" runat="server" />
</form>
</body>
</html>
Paste it on Notepad and Save this Notepad with <HtmlButtonCS.aspx>
name in "C:/Learner/<studentid>/HTMLControls/HtmlButton" folder.
<%@ Page Language="C#" %>
<script runat="server">
protected void button1(Object
sender,EventArgs e)
{ p1.InnerHtml="You clicked the blue
button!";}
protected void button2(Object
sender,EventArgs e)
{
p1.InnerHtml="You clicked the pink
button!";
}
</script>
<html>
<body>
<form runat="server">
BUTTON IN HTML CONTROLS–Copy Code and Create your own

5
BUTTON IN HTML CONTROLS –Run Your Own Code
For executing this Html file –
Write this Address on address bar.
http://localhost/<StudentID>/HTMLControls/HtmlButton/HtmlButtonCS.as
px
And after that, click go button.
Output On Browser

6
Try changing Blue Button Text to Black button
and change style as follows.
style="background-color:#000000;
color:#FFFFFF; height:125;width:100"
Watch the effect. You may also write black or
white in place of color codes.
Try changing paragraph tag id to “p2”.
Watch what else needs to be changed to run the
program.
Try adding disabled=“disabled” attribute to pink
button.
Watch the effect.
BUTTON IN HTML CONTROLS: Modification Trials

7
Add a page directive at top of the page
<%@ Page Language="VB" Debug="true" %>
Watch the compiler error output as
BC30205: End of statement expected.
BUTTON IN HTML CONTROLS: Error Trials

8
BUTTON IN HTML CONTROL : Practice Exercise
Write a program which display button.
On button click it display a Name using <H1>
tag and Name should be displays above the
button.
On button click it display a Name using <H1>
tag and Name should be displays below the
button.

9
BUTTON IN HTML CONTROL : Learning Summary Review
Use of HTML Button Control.
Modify the appearance of HTML
Button.
Use of Attributes of HTML Button.
HTML Button
Value, Type
Code Commenting
Type = “reset”

10
BUTTON IN HTML CONTROL : Bibliography
www.ncsu.edu/it/edu/html_trng/basic_comm
ands.html
http://www.w3schools.com/aspnet/control_ht
mlbutton.asp
http://msdn.microsoft.com/en-us/library/
a8fd2268(v=VS.71).aspx
http://authors.aspalliance.com/aspxtreme/asp
net/syntax/htmlbuttoncontrol.aspx

11
Ask and guide me at
sunmitraeducation@gmail.com
Share this information with as
many people as possible.
Keep visiting www.sunmitra.com
for programme updates.

Html Server Button Control CS

Recommended

Recommended

More Related Content

Similar to Html Server Button Control CS

Similar to Html Server Button Control CS (20)

More from sunmitraeducation

More from sunmitraeducation (20)

Recently uploaded

Recently uploaded (20)

Html Server Button Control CS