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

ZJBLOVE

关于模板的自动标列表程序
/ g. Q+ Q+ s. h! Q3 W/ e2 }. i" B我兴趣的和我交流: QQ879555882
6 w$ a, \1 c$ t, y* y表单的基本语法<form action="url" method=*>
...
2 s, Q  J" E8 o/ Y* W- ~. l...
<input type=submit> <input type=reset>
  x) y: W4 W; r) ~' ]% D2 |</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=*>
<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>您的姓名:
您的主页的网址:
密码:


# a5 ?! P! v, Z/ [" J<input type=* size=**>
* c/ s, [, X6 D" ~- O<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>



0 J0 `1 r7 s5 u$ q( chttp://www.gzsums.edu.cn/webclass/html/br20t.gif 复选框(Checkbox) 和 单选框(RadioButton)
6 b, |" ~4 T- x9 K- t<input type=checkbox>
$ z. r2 f! s% _3 l- @) R<input type=checkbox checked>
* A4 p  f. z8 o  t+ k<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
- i; {6 X+ c: o  i9 ?
2 Y9 B/ J- H3 b8 z8 s2 I
* B  l: S$ I* k# u! j<input type=radio value=**>
/ ~8 W5 S) b4 d3 Q) @6 M<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
Apple
1 t) \$ l6 M. A: _Orange
; o8 B0 F1 T4 L* v' p: r

/ @* Q5 Y0 L: c: s, o& ]4 hhttp://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>
x2 x4 x6

* m: H, C+ I$ ?4 G7 m1 r! K5 |0 C
, O( c' D* B( ^6 Hhttp://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.
: L( ^! D  g4 B. Q( Y
# _! _) ~" p; g
http://www.gzsums.edu.cn/webclass/html/br20t.gif 列表框(Selectable Menu)
- L# |; m8 x8 y3 P1 I基本语法<select name=*>
<option> ...
4 k7 _, W% X( K0 I# W' J</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>

$ @9 _7 Y8 l' f. j1 o! w3 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>
# L8 b# I; r% n
1 _" h( T* S$ n( b) c& V
2 u5 F# [" E! O- u9 b3 h% K: X<select size=** multiple>注意，是用 Ctrl 键配合鼠标实现多选。
(和 MS-WINDOWS 的 File Manager 一样)
9 k& c, J3 ]3 k! r<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>
- d& l  ]0 H7 J0 R% U( }

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>
; @) d4 D8 ~2 [, X. I" {

对于很长的行是否进行换行的设置(Word Wrapping) http://www.gzsums.edu.cn/webclass/html/netscape.gif<textarea wrap=off> ... </textarea>不换行，是缺省设置。
# \4 ?! |$ J- \5 v$ {( E7 T1 J<textarea wrap=soft> ... </textarea>“软换行”，好象 MS－WORD 里的“软回车”。
6 X; Z. X$ M5 G3 x( P* X7 b  p<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>
2 n! `) _# }$ c3 s$ B; ~9 ?
  D8 t) z5 c1 X8 b2 m0 _

<textarea wrap=hard> ... </textarea>“硬换行”，好象 MS－WORD 里的“硬回车”。
<form action=/cgi-bin/post-query method=POST>
<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>
' S# A4 H6 R' `# V2 L# u/ R<input type=submit><input type=reset>
</form>