<html>
<head>
<title>HTML Server Controls</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style type="text/css">
.back {
padding:10; text-align:center;
background-color:#cde; border:1px inset;
}
</style>
</head>
<body>
<!-- #include virtual="~/shared/top.inc -->
<div class="header"><h2>HTML Server Controls</h2></div>
<!-- #include virtual="~/shared/viewsrc_top.inc" -->
<hr size=1 width=92%>
<div align="center">
<form runat="server">
<table width=92%>
<tr>
<td><div class="back"><h4>One-line text box</h4><p>We use a one-line text box for a small amount of text input.</p>
<b>Please enter your e-mail address</b>:<p></p>
<input value="someone@where.com" size="25" runat="server"></div><br></td></tr>
<tr>
<td><div class="back">
<h4>Push button</h4>
<p>We use push buttons to let users do some action, like run a custom script.</p>
<input type=button value="Submit" runat="server"> <input type="reset" value="Reset" runat="server">
</div><br></td></tr>
<tr>
<td><div class="back">
<h4>Radio buttons</h4>
<p>We use radio buttons when we want users to choose only one option.</p>
<input type=radio name=opt runat="server"><b>A</b>
<input type=radio checked name=opt runat="server"><b>B</b>
<input type=radio name=opt runat="server"><b>C</b>
</div><br></td></tr>
<tr>
<td><div class="back">
<h4>Check box</h4>
<p>We use check boxes for optional items. Allows one or multiple selections.</p>
<table>
<tr>
<td><input id=cb0 type=checkbox runat="server"></td>
<td><label for="cb0"><b>Yes, I would like to receive updates</b></label></td></tr>
<tr>
<td><input id=cb1 type=checkbox runat="server"></td>
<td><label for="cb1"><b>Yes, I would like to receive money too</b></label></td></tr>
</table>
</div><br></td></tr>
<tr>
<td><div class="back">
<h4>Scrolling text box</h4>
<p>We use a scrolling text box for one or more lines of text.</p>
<b>Please add your comments here</b>:<p></p>
<textarea cols="35" rows="4" name=scroll runat="server">This field automatically provides scrollbars to accommodate varying amounts of text. This control is useful when we need to save form space. This is by the way the control that is used on most Web-based email programs and in message boards and discussion forums. There is practically no limit to how much content we can place in the scrollable textbox. But also bear in mind not to give your users a hard time by letting them scroll all the way down only to find out that there really is nothing else in here but just this example nonsense.</textarea>
</div><br></td></tr>
<tr>
<td><div class="back">
<h4>Drop-down menu</h4>
<p>We use a drop-down menu for a list of choices. Takes less space, and also allows one or multiple selections.</p>
<b>Where do you want to go today?</b><br>
<select runat="server">
<option selected>Here</option>
<option>There</option>
<option>Everywhere</option>
</select><br>
</div></td></tr>
</table>
</form>
</div>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>