|
|
马上注册，结识高手，享用更多资源，轻松玩转三维网社区。
您需要 登录 才可以下载或查看，没有帐号？注册
x
关于模板的自动标列表程序- p* B; d1 q3 j0 U, G: f
我兴趣的和我交流: QQ879555882" c# ^" O3 l1 h& s9 V5 C# o
表单的基本语法<form action="url" method=*>
( [" d: t, s" C/ j7 W4 j$ G...
) k" b4 I% F" m$ Z3 B% s0 S+ n... + ?2 Y5 I1 }: P
<input type=submit> <input type=reset>
$ x- q3 c0 X: c( @+ w. |+ D: ^</form> *=GET, POST
% n2 ^8 @7 T8 y! p: p2 }2 N, {+ n0 z
; v* g8 G( u0 q) U% }表单中提供给用户的输入形式<input type=* name=**>*=text, password, checkbox, radio, image, hidden, submit, reset
& z2 `; Z+ C- D/ q**=Symbolic Name for CGI script
2 `# ]6 q* l7 y3 t/ m o1 `: _! C$ r* D& N& E; c1 V- A
http://www.gzsums.edu.cn/webclass/html/br20t.gif 文字输入和密码输入*=text, password
! h" h, W# V/ o) N4 G$ T& |; [<input type=*>
9 \' |$ ~1 T; H* Q<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>您的姓名:
D2 D0 N5 n9 N* X您的主页的网址: / C: `3 }- F. ^' ?' X
密码: ' V+ E6 r$ h" g$ _
3 U; Q1 K' T0 b4 p% c1 t3 O0 s7 @) a9 Y! O, C0 J/ ?/ y2 o. p
<input type=* size=**>
' y$ x- V. ?. w5 Z4 H" w<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>% g; A/ n6 y+ k" b: L$ I2 `
7 ^6 c7 V$ ]- b5 G( Y) q
1 X8 U- g" y/ y: a8 Q
5 \ Z" A# e/ n' T4 e4 _http://www.gzsums.edu.cn/webclass/html/br20t.gif 复选框(Checkbox) 和 单选框(RadioButton)
3 N! F) `5 _1 D' w<input type=checkbox>9 }( c, d: @" Y4 v
<input type=checkbox checked>' O: c2 t6 u# M; }+ [0 t) [8 \+ H3 @; N+ {
<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; }2 M- P6 @: Y
Apple
( \) ?7 A9 _5 `( xOrange+ O' @! U6 x. g. j6 |
+ g' M2 Y; _4 Z9 a
8 ]5 p2 s. s! A- p7 B, L7 j. M: T
<input type=radio value=**>
' r) b: H0 [/ a# q" _7 t<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
& I$ j# A! D$ U/ G* FApple
9 z- u/ r' M/ d4 y# B: X/ a' uOrange
: A4 Z4 y% H9 E, z5 P P) L
- ~ E" A, A" W. W1 E, [7 M2 a; _0 @# t, s; T1 m3 @ m1 W
http://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>6 E* G9 }7 Y# U3 L+ q
x2 x4 x66 i& B9 A; z6 Z, e, I
1 Y. F5 y0 E1 @% V
6 N: R( Y8 |8 ?' z' I) vhttp://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. ) I& H' g/ ?& y9 X$ M' L* G
, s8 C9 K" s) |
: G$ R* l V6 K$ Ahttp://www.gzsums.edu.cn/webclass/html/br20t.gif 列表框(Selectable Menu)
) G Q" a' Q( O, j基本语法<select name=*>
$ W% k! D0 ]$ @9 z! q( H# Y) }<option> ...
+ I. y N( S$ i) K</select> 9 G- N5 w$ r7 H) N
<option selected>
' f. b& A. f& \3 K* a<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>! S3 [7 w0 x5 U2 C# A
( T, t7 H; g/ Z2 ~
# [7 S8 I' K& D* U+ }2 V<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>3 p3 v+ N% O: p' R
0 U! y" T0 X5 G2 I) H3 {7 K- y% e' H" |
<select size=** multiple>注意，是用 Ctrl 键配合鼠标实现多选。
" S4 n! ~+ C$ ? y7 @5 r(和 MS-WINDOWS 的 File Manager 一样)
* a' z; l- S8 T( P, ?) j: ^) 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>
- N3 S% n, |3 }& j/ r5 u3 d/ U7 ?+ ^2 ~7 [. D
1 z) ^+ X2 ?9 c
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>, d3 [& |* m% `
1 a! [5 W' \* z: x' O
% ~' N" h6 z0 P/ a
对于很长的行是否进行换行的设置(Word Wrapping) http://www.gzsums.edu.cn/webclass/html/netscape.gif<textarea wrap=off> ... </textarea>不换行，是缺省设置。
1 Y) S8 w. u. {3 ?& l& S" |<textarea wrap=soft> ... </textarea>“软换行”，好象 MS－WORD 里的“软回车”。 8 u# u# m1 F3 b5 v8 K! Y% |# f
<form action=/cgi-bin/post-query method=POST>. w' p( z2 F* }% S
<textarea wrap=soft name=comment rows=5 cols=25> </textarea><P>
& d" _# \0 P* N7 d, c<input type=submit><input type=reset>
. N. |0 O# c: J( ^</form>) W N. L% d' }
4 q7 `2 a0 q! y; H& { }" \- f. r# o% q" T* s
1 s) y% K, y! @$ k
<textarea wrap=hard> ... </textarea>“硬换行”，好象 MS－WORD 里的“硬回车”。
: M7 v( U% U2 O<form action=/cgi-bin/post-query method=POST>
. t* w# @" z0 P; j( Q1 A, m+ a<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>: [8 N3 s6 K( _" j$ D/ U
<input type=submit><input type=reset>6 e& L, @+ n& I1 l
</form> |
|
发表于 2008-1-18 12:33:28