FORM TAGS

Note: Actual links to my server is broken, but this will give you the basic ideas configuring FORM.

Basic Structure

Form Basic
      <form action="url" method=*>
       ...
      <input type=submit> <input type=reset>
      </form>

url=url of CGI script
*=GET, POST

Input Basic
<input type=* name=**>

*=text, password, checkbox, radio, image, hidden, submit, reset
**=Symbolic Name for CGI script

Text & Password

<input type=>
<input type= value=**>
*=text, password

<form action=/cgi-bin/post-query method=POST>
Your Name: 
<input type=text name=name><br>
Your Home Page: 
<input type=text name=home value=http://><br>
Password: 
<input type=password name=name><br>
<input type=submit><input type=reset>
</form>

<input type=* size=**>
<input type=* maxlength=**>

<form action=/cgi-bin/post-query method=POST>
<input type=text name=a01 size=40><br>
<input type=text name=a02 maxlength=5><br>
<input type=submit><input type=reset>
</form>

Checkbox & Radio

<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>

<form action=/cgi-bin/post-query method=POST>
<input type=checkbox name=f01>
        Banana<p>
<input type=checkbox name=f02 checked>
        Apple<p>
<input type=checkbox name=f03 value=Orange>
        Orange<p>
<input type=submit><input type=reset>
</form>

<input type=radio value=>
<input type=radio value= checked>

<form action=/cgi-bin/post-query method=POST>
<input type=radio name=fruits>
        Banana<p>
<input type=radio name=fruits checked>
        Apple<p>
<input type=radio name=fruits value=Orange>
        Orange<p>
<input type=submit><input type=reset>
</form>

Image coordinates

<input type=image src=url.gif>

<form action=/cgi-bin/post-query method=POST>
<input type=image name=face src=f.gif><p>
<input type=radio name=zoom value=2 checked>x2
<input type=radio name=zoom value=4>x4
<input type=radio name=zoom value=6>x6<p>
<input type=reset>
</form>

Hidden Elements

<input type=hidden value=*>

<form action=/cgi-bin/post-query method=POST>
<input type=hidden name=add value=hoge@hoge.jp>
Here is a hidden element. <p>
<input type=submit><input type=reset>
</form>

Selectable Menu

Select tag's Basic Construction
      <select name=*>
      <option> ...
      </select>

<option selected>
<option value=**>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits>
        <option>Banana
        <option selected>Apple
        <option value=My_Favorite>Orange
</select><p>
<input type=submit><input type=reset>
</form>

<select size=**>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=3>
        <option>Banana
        <option selected>Apple
        <option value=My_Favorite>Orange
        <option>Peach
</select><p>
<input type=submit><input type=reset>
</form>

<select size=** multiple>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=3 multiple>
        <option selected>Banana
        <option selected>Apple
        <option value=My_Favorite>Orange
        <option selected>Peach
</select><p>
<input type=submit><input type=reset>
</form>

Text Area

<textarea name=* rows= cols=> ... <textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea name=comment rows=5 cols=30>
</textarea>
<P>
<input type=submit><input type=reset>
</form>

Word Wrapping

<textarea wrap=off> ... </textarea>

This is same as default setting.

<textarea wrap=soft> ... </textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea wrap=soft name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>

<textarea wrap=physical> ... </textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>

FORM TAGS

Basic Structure

Form Basic <form action="url" method=*> ... <input type=submit> <input type=reset> </form>

Input Basic <input type=* name=**>