Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<%
If Request.Form("btnSubmit") <> "" Then
%>
<html>
<body>
<h3>Your Data HAs Been Submitted:</h3>
ID: <div style="border: 1px solid blue; width: 150px;"><%=Request.Form("txtID")%></div><br>
Name: <div style="border: 1px solid blue; width: 150px;"><%=Request.Form("txtName")%></div>
</body>
</html>
<%
Else
%>
<html>
<body>
<h3>Please Enter Your Data:</h3>
<form method="POST" action="ThisPage.asp">
ID: <input style="border: 1px solid blue; width: 150px;" name="txtID"><br>
Name: <input style="border: 1px solid blue; width: 150px;" name="txtName"><br>
<input type="submit" name="btnSubmit" value="Submit!" style="border: 1px solid blue;">
</form>
</body>
</html>
<%
End If
%>
<html>
<body>
<form method="POST" aciton="SaveColor.asp">
User ID: <div style="border:1px solid #006600; width: 150px;">#123</div>
<input type="hidden" name="userID" value="123"><br>
User Name: <div style="border: 1px solid #006600; width: 150px;">Bob Smith</div><br>
Please Enter Favorite Color: <input type="text" name="color" style="border:1px solid #660000"><br>
<input type="submit" value="Save My Color">
</form>
</body>
</html>
<html>
<head>
<style>
/* Class displayTable */
.displayTable{
background-color:#bbbbbb; /* Background color */
border-right:1px solid #555555; /* Border Right - size, type, color */
border-bottom:1px solid #555555;/* Border Bottom- size, type, color */
font-size:13px; /* Font Size (in pixels) */
}
/* td tags inside class displayTable */
.displayTable td{
background-color:#f3f3f3;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
text-align:Center; /* text Alignment in element */
}
/* th tags inside class displayTable */
.displayTable th{
background-color:#bbbbbb;
border-width:1px; /* border widt for all 4 borders */
border-style: solid; /* border style for all 4 borders */
border-color: #eeeeee #555555 #555555 #eeeeee; /* border colors, top, rt, bottom, left */
font-size:14px;
padding: 0px 8px 0px 8px; /* paddin between text inside element and outer border, top, rt, bot, left */
}
/* inputs inside class displayTable */
.displayTable input{
width:100%; /* width of element, relative to outside element */
margin:0px;
border-width: 0px;
border-bottom:1px dashed #bbbbbb;
font-size:12px;
}
/* not_input class inside displayTable */
.displayTable .not_input{
padding: 0px 8px 0px 8px;
}
</style>
</head>
<body>
<h3>Favorite Colors:</h3>
<form method="post" action="SaveColors.asp">
<table class="displayTable" cellpadding="0" cellspacing="0">
<tr>
<th> </th>
<th>ID</th>
<th>Name</th>
<th>Color</th>
</tr>
<tr>
<th>1</th>
<td><div class="not_input">123</div><input type="hidden" name="UserId_1" value="123"></td>
<td><div class="not_input">Bob Jones</div></td>
<td><input type="text" name="color_1"></td>
</tr>
<tr>
<th>2</th>
<td><div class="not_input">456</div><input type="hidden" name="UserId_2" value="123"></td>
<td><div class="not_input">Nancy Smith</div></td>
<td><input type="text" name="color_2"></td>
</tr>
<tr>
<th>3</th>
<td><div class="not_input">777</div><input type="hidden" name="UserId_3" value="123"></td>
<td><div class="not_input">John Webb</div></td>
<td><input type="text" name="color_3"></td>
</tr>
</table>
<br>
<input type="submit" value="Save Colors!">
</form>
</body>
</html>