Contents:
Page
Font
Text
Image
Form
Table
Frame
Inline
|
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=stamp src=images/hstamp1><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>
|
|
