Controls in asp.net
BaabtraMentoringPartner
1,499 views
20 slides
Jun 12, 2014
Slide 1 of 20
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
About This Presentation
No description available for this slideshow.
Slide Content
sanila.p
[email protected]
www.facebook.com/username
twitter.com/sanila92
linkedin.com/sanila
ASP.NET CONTROLS
[email protected]
www.facebook.com/username
twitter.com/sanila92
linkedin.com/sanila
ASP.NET CONTROLS
controls
•Controls are the building blocks in web form
•Server controls are tags that are understood
by the server.
•Controls are the building blocks in web form
•Server controls are tags that are understood
by the server.
Asp.net controls
server control
Html server
control
Webserver
control
Validation
server control
server control
Html server
control
Webserver
control
Validation
server control
Html server control
•HTML server controls are HTML tags
understood by the server
•All HTML server controls must be within a
<form> tag with the runat="server" attribute.
•The runat="server" attribute indicates that the
form should be processed on the server.
•HTML server controls are HTML tags
understood by the server
•All HTML server controls must be within a
<form> tag with the runat="server" attribute.
•The runat="server" attribute indicates that the
form should be processed on the server.
Html server controls in asp.net
Html server controls Description
Controls an <a> HTML element
HtmlButton Controls a <button> HTML
element
HtmlInputButton Controls <input
type="button">, <input
type="submit">, and <input
type="reset"> HTML elements
HtmlInputCheckBox Controls an <input
type="checkbox"> HTML
element
HtmlInputRadioButton Controls an <input
type="radio"> HTML element
HtmlTextArea Controls a <textarea> HTML
element
Html server controls Description
Controls an <a> HTML element
HtmlButton Controls a <button> HTML
element
HtmlInputButton Controls <input
type="button">, <input
type="submit">, and <input
type="reset"> HTML elements
HtmlInputCheckBox Controls an <input
type="checkbox"> HTML
element
HtmlInputRadioButton Controls an <input
type="radio"> HTML element
HtmlTextArea Controls a <textarea> HTML
element
Example
<html>
<body>
<form runat="server">
<input id="Text1" type="text" />
</form>
</body>
</html>
<body>
<form runat="server">
<input id="Text1" type="text" />
</form>
</body>
</html>
Web server control
•Web server controls are special ASP.NET tags
understood by the server
•Web server controls are also created on the
server and they require a runat="server"
attribute to work.
•Web server controls are special ASP.NET tags
understood by the server
•Web server controls are also created on the
server and they require a runat="server"
attribute to work.
Webserver control Description
AdRotator Displays a sequence of images
Button Displays a push button
BulletedList Creates a list in bullet format
Repeater Displays a repeated list of items
bound to the control
HyperLink Creates a hyperlink
AdRotator Displays a sequence of images
Button Displays a push button
BulletedList Creates a list in bullet format
Repeater Displays a repeated list of items
bound to the control
HyperLink Creates a hyperlink
Example
<html>
<body>
<form runat="server">
<asp:Button id="button1" Text="Click me!"
runat="server" OnClick="submit"/>
</form>
</body>
</html>
<body>
<form runat="server">
<asp:Button id="button1" Text="Click me!"
runat="server" OnClick="submit"/>
</form>
</body>
</html>
Validation server control
•Validation server controls are used to validate user-input. If
the user-input does not pass validation, it will display an error
message to the user.
•Each validation control performs a specific type of validation
(like validating against a specific value or a range of values).
•By default, page validation is performed when a Button, is
clicked. You can prevent validation when a button control is
clicked by setting the CausesValidation property to false
•Validation server controls are used to validate user-input. If
the user-input does not pass validation, it will display an error
message to the user.
•Each validation control performs a specific type of validation
(like validating against a specific value or a range of values).
•By default, page validation is performed when a Button, is
clicked. You can prevent validation when a button control is
clicked by setting the CausesValidation property to false
Validation Server Control Description
CompareValidator Compares the value of one input
control to the value of another input
control or to a fixed value
CustomValidator Allows you to write a method to
handle the validation of the value
entered
RangeValidator Checks that the user enters a value
that falls between two values
RegularExpressionValidator Ensures that the value of an input
control matches a specified pattern
RequiredFieldValidator Makes an input control a required
field
ValidationSummary Displays a report of all validation
errors occurred in a Web page
CompareValidator Compares the value of one input
control to the value of another input
control or to a fixed value
CustomValidator Allows you to write a method to
handle the validation of the value
entered
RangeValidator Checks that the user enters a value
that falls between two values
RegularExpressionValidator Ensures that the value of an input
control matches a specified pattern
RequiredFieldValidator Makes an input control a required
field
ValidationSummary Displays a report of all validation
errors occurred in a Web page
Example
<html>
<body>
<form runat="server">
<p>Enter a number from 1 to 100:
<asp:TextBox id="tbox1" runat="server" />
<br /><br />
<asp:Button Text="Submit" runat="server" />
<asp:RangeValidator
ControlToValidate="tbox1"
MinimumValue="1"
MaximumValue="100"
Type="Integer"
Text="The value must be from 1 to 100!"
runat="server" />
</form>
</body>
</html>
<body>
<form runat="server">
<p>Enter a number from 1 to 100:
<asp:TextBox id="tbox1" runat="server" />
<br /><br />
<asp:Button Text="Submit" runat="server" />
<asp:RangeValidator
ControlToValidate="tbox1"
MinimumValue="1"
MaximumValue="100"
Type="Integer"
Text="The value must be from 1 to 100!"
runat="server" />
</form>
</body>
</html>
Difference between server control
and html control
Asp.net server control: retain state
Html control: does not retain state
Example
and html control
Asp.net server control: retain state
Html control: does not retain state
Example
WanttolearnmoreaboutprogrammingorLookingtobecomeagoodprogrammer?
Areyouwastingtimeonsearchingsomanycontentsonline?
Doyouwanttolearnthingsquickly?
TiredofspendinghugeamountofmoneytobecomeaSoftwareprofessional?
Do an online course
@baabtra.com
Weputindustrystandardstopractice.Ourstructured,activitybasedcoursesaresodesigned
tomakeaquick,goodsoftwareprofessionaloutofanybodywhoholdsapassionforcoding.
Areyouwastingtimeonsearchingsomanycontentsonline?
Doyouwanttolearnthingsquickly?
TiredofspendinghugeamountofmoneytobecomeaSoftwareprofessional?
Do an online course
@baabtra.com
Weputindustrystandardstopractice.Ourstructured,activitybasedcoursesaresodesigned
tomakeaquick,goodsoftwareprofessionaloutofanybodywhoholdsapassionforcoding.
Follow us @twitter.com/baabtra
Like us @ facebook.com/baabtra
Subscribe to us @ youtube.com/baabtra
Become a follower @ slideshare.net/BaabtraMentoringPartner
Connect to us @ in.linkedin.com/in/baabtra
Give a feedback @ massbaab.com/baabtra
Thanks in advance
www.baabtra.com|www.massbaab.com|www.baabte.com
Like us @ facebook.com/baabtra
Subscribe to us @ youtube.com/baabtra
Become a follower @ slideshare.net/BaabtraMentoringPartner
Connect to us @ in.linkedin.com/in/baabtra
Give a feedback @ massbaab.com/baabtra
Thanks in advance
www.baabtra.com|www.massbaab.com|www.baabte.com
Emarald Mall (Big Bazar Building)
Mavoor Road, Kozhikode,
Kerala, India.
Ph: + 91 –495 40 25 550
NC Complex, Near Bus Stand
Mukkam, Kozhikode,
Kerala, India.
Ph: + 91 –495 40 25 550
Cafit Square,
Hilite Business Park,
Near Pantheerankavu,
Kozhikode
Start up Village
Eranakulam,
Kerala, India.
Email: [email protected]
Contact Us
Mavoor Road, Kozhikode,
Kerala, India.
Ph: + 91 –495 40 25 550
NC Complex, Near Bus Stand
Mukkam, Kozhikode,
Kerala, India.
Ph: + 91 –495 40 25 550
Cafit Square,
Hilite Business Park,
Near Pantheerankavu,
Kozhikode
Start up Village
Eranakulam,
Kerala, India.
Email: [email protected]
Contact Us
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 1,499
- Slides 20
- Favorites 1
- Age 4190 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
30 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
32 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
30 views
14
Fertility awareness methods for women in the society
Isaiah47
29 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
26 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
28 views