Creating Form Pages
Form Page
In the code shown below I have illustrated how a page can be constructed to receive input from the user. The following examples are given:
- Inputing short text, like your name.
- Selecting from a pop-up menu list.
- Selecting from a list (only one option selected at a time).
- Selecting from a list (more than one option can be selected at a time).
- Inputing longer text.
- Submitting and reseting the input.
- Making a button a link.
<html><head><title>Form Input Page (to ASP Page)</title>
</head>
<body bgcolor="#ffffff">
<h3 align=center>Input page</h3>
[Input must be within form tags.]
<form name="Gathering_info" method="post" action="formoutputpage.asp">
Please input the following information to generate a story:
<blockquote>
[Inputing short text, like your name.]
<p>
A First Name: <input type="text" name="name" maxlength="20">
</p><p>
[Selecting from a pop-up menu list.]
A Color:
<select size="1" name="color">
<option value="Red">Red</option>
<option value="Yellow" selected>Yellow</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
<option value="Violet">Violet</option>
</select>
</p><p>
[Selecting from a list (only one option selected at a time).]
An Animal:<br>
<blockquote>
<input name="animal" value="Bird" type="radio">Bird</input> <br>
<input name="animal" value="Cow" type="radio">Cow</input> <br>
<input name="animal" value="Dog" type="radio">Dog</input> <br>
<input name="animal" value="Cat" type="radio">Cat</input> <br>
<input name="animal" value="Mouse" type="radio">Mouse</input> <br>
<input name="animal" value="Duck" type="radio">Duck</input>
</blockquote>
</p><p>
[Selecting from a list (more than one option can be selected at a time).]
Why are you here (check all that apply):
<blockquote>
<input name="check1" type="checkbox" value="Required">Required </input>
<input name="check2" type="checkbox" value="Friends">Friends </input>
<input name="check3" type="checkbox" value="Family">Family </input>
<input name="check4" type="checkbox" value="Fun">Fun </input>
</blockquote>
</p><p>
[Inputing longer text.]
Type "This Is My Story" into the box for a title.<br>
<textarea name="story" type="textarea" cols="40" rows="6" wrap="virtual"></textarea>
</p><p>
[Submitting and reseting the input.]
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Reset" value="Reset">
</p>
</blockquote>
</form>
[Making a button a link.]
<form action="formpages.htm">
<input type="submit" value="Return to Creating Form Pages">
</form>
[Using the "Button" tag to make a link.]
<button onClick="window.location='http://www.brainstretch.net'">Using the "Button" tag to make a link</button>
</body>
</html>
Here is a link to the page that is generated using this code.