关于模板的自动标列表程序

ZJBLOVE

关于模板的自动标列表程序
我兴趣的和我交流: QQ879555882
! p& s+ [$ }! {+ n' A表单的基本语法<form action="url" method=*>
) F% O( m% C$ ^- U) v' O3 ~# t...
/ t+ V: G$ s' U, L...
<input type=submit> <input type=reset>
% K" s6 `. Q1 z' \7 \</form> *=GET, POST

表单中提供给用户的输入形式<input type=* name=**>*=text, password, checkbox, radio, image, hidden, submit, reset
**=Symbolic Name for CGI script

http://www.gzsums.edu.cn/webclass/html/br20t.gif 文字输入和密码输入*=text, password
<input type=*>
  {9 c1 ?% P# q$ l' C$ ?) V<input type=* value=**><form action=/cgi-bin/post-query method=POST>您的姓名: <input type=text name=姓名><br>您的主页的网址: <input type=text name=网址 value=http://><br>密码: <input type=password name=密码><br><input type=submit value="发送"><input type=reset value="重设"></form>您的姓名:
您的主页的网址:
密码:


/ t) S, ^2 i- `/ u7 K5 E<input type=* size=**>
4 e  i0 E9 P- m/ @' l<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>


; S) o/ j- D9 m( q( \  q- @; n9 q
6 i( w  X* P9 S! ohttp://www.gzsums.edu.cn/webclass/html/br20t.gif 复选框(Checkbox) 和 单选框(RadioButton)
  c% q" P6 x2 B% d4 h, d<input type=checkbox>
( h8 E& J, ^( L5 n, Z) C0 Z<input type=checkbox checked>
$ m  V4 c% J+ t9 N% I<input type=checkbox value=**><form action=/cgi-bin/post-query method=POST><input type=checkbox name=水果1>        Banana<p><input type=checkbox name=水果2 checked>        Apple<p><input type=checkbox name=水果3 value=橘子>        Orange<p><input type=submit><input type=reset></form>Banana
Apple
Orange


<input type=radio value=**>
<input type=radio value=** checked><form action=/cgi-bin/post-query method=POST><input type=radio name=水果>        Banana<p><input type=radio name=水果 checked>        Apple<p><input type=radio name=水果 value=橘子>        Orange<p><input type=submit><input type=reset></form>Banana
; E4 j1 M; @0 K( J9 Q# k" k- s0 kApple
Orange


  l$ x. m+ |0 Vhttp://www.gzsums.edu.cn/webclass/html/br20t.gif 图象坐标 在下面选则一个系数后，在图象上点一下，就知道什么是图象坐标了！ <input type=image src=url><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>
9 x' T! R* h, ?7 Hx2 x4 x6
$ U" a, t1 P+ k0 M" m3 m& w& x

( Y+ a7 [6 k; o# }+ fhttp://www.gzsums.edu.cn/webclass/html/br20t.gif 隐藏表单的元素 <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>Here is a hidden element.
) e: P* h: B8 `- V

8 A& p5 P8 x5 ^http://www.gzsums.edu.cn/webclass/html/br20t.gif 列表框(Selectable Menu)
基本语法<select name=*>
<option> ...
* y5 s# S! |: C0 C8 Q6 S  p7 Z4 ]</select>
. N& Q  s& f. Y7 x+ f* ?: |) m<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>

6 Z+ n" X4 o% ]
: A5 D3 g- Z' m& b<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>
! y3 }3 `6 ^8 d$ |

<select size=** multiple>注意，是用 Ctrl 键配合鼠标实现多选。
3 d- A4 f, R9 \% l6 ~: ~/ \(和 MS-WINDOWS 的 File Manager 一样)
<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>
$ r  N; d/ [0 R

http://www.gzsums.edu.cn/webclass/html/br20t.gif 文本区域<textarea name=* rows=** cols=**> ... <textarea><form action=/cgi-bin/post-query method=POST><textarea name=comment rows=5 cols=60></textarea><P><input type=submit><input type=reset></form>
  r. c4 M% P1 S1 Y1 L0 v
3 N7 {' O3 L0 m
) G7 j/ M7 {% I0 f& A3 w) k对于很长的行是否进行换行的设置(Word Wrapping) http://www.gzsums.edu.cn/webclass/html/netscape.gif<textarea wrap=off> ... </textarea>不换行，是缺省设置。
<textarea wrap=soft> ... </textarea>“软换行”，好象 MS－WORD 里的“软回车”。
<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>
1 Z+ k( {8 o1 N7 Y' E+ y</form>

1 \# D, P/ ~7 n$ f' ^( b

<textarea wrap=hard> ... </textarea>“硬换行”，好象 MS－WORD 里的“硬回车”。
<form action=/cgi-bin/post-query method=POST>
. X0 Y% c4 F5 D9 U4 l) k" T( ~<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>
0 Q& m: M2 G/ _( D, i6 `<input type=submit><input type=reset>
</form>