|
|
Forms
Forms can be very difficult to create, but they make a great way to interact
with your users. I will show you only how to make a form that is sent
to your email. For forms that report answers right away, or perform some
other action, see the following Common Gateway Interface (CGI) sites for
information and to download scipts: http://www.advhtml.com/resource.html,
http://www.apl.jhu.edu/~hall/java/CGI-with-Java.html,
http://www.datacatcher.com/
or http://awsd.com/scripts/index.shtml;
or go to this site for free froms without CGI: http://freedback.com/goto_free_cgi_script.
<form></form> This starts and ends your form
<method=
post: sends info to location detemined by the "<action>"
tag
other:
<input type=
text: allows user to type in name, etc. (adjustable size)
checkbox: allows choice of more than one item
radio: restricts user to one choice
textarea: allows comments (adjustable size)
list>: gives user options to choose from (usually can choose
only one)
<name="name"> If the answer from the user is their birth year,
change the word inside the quotes to "birthyear" or whatever will help you
remember it. This will not show up on the form, but will help you decipher
the input when it shows up in your email.
<size> This tag will adjust the size of your input boxes.
Uses pixels across.
<input type=submit name="submit"> Creates a "send button
for the form
<input type=reset name="reset"> Creates a "clear" button
for users to reset a form with mistakes.
| Simple Form |
<html>
<head>
<title>Simple Form</title>
<body bgcolor=pink
<form method=post action="mailto:ki68@columbia.edu">
Name: <input type=text size=30 name="fullname"><br>
email address: <input type=text size="30" name="email"><p>
Which do you prefer:<br>
<input type=radio name="prefer">Big Screen Movies<br>
<input type=radio name="prefer">VCR Video Tapes<br>
<input type=radio name="prefer">Regular Television<p>
Select all that apply:<br>
<input type=checkbox name="cook">I like to cook<br>
<input type=checkbox name="order">I like to order out<br>
<input type=checkbox name="else">I like someone else to cook<br>
<input type=checkbox name="macheese">I can only make Craft
Mac & Cheese<br>
<center><input type=submit name="submit">
<input type=reset name="reset"><br><br>
<i>Thank You!</i></center>
</body>
</html>
|
|
|
|
