|
|
马上注册，结识高手，享用更多资源，轻松玩转三维网社区。
您需要 登录 才可以下载或查看，没有帐号？注册
x
关于模板的自动标列表程序% \7 f( J* W* W9 q
我兴趣的和我交流: QQ879555882
2 Z( P3 E$ d$ b( g! k3 z- n! D) e表单的基本语法<form action="url" method=*>8 a. J/ z2 }9 f! G
... 6 T7 y# @1 F2 b5 n
...
; ?, h9 W3 P9 z8 S# h+ Q<input type=submit> <input type=reset>
P4 d( X! ]" k0 ]! U; q. a# F</form> *=GET, POST
4 r3 n; \. T* Z; l* p+ u+ }* C: }1 |. r7 M! D2 X
表单中提供给用户的输入形式<input type=* name=**>*=text, password, checkbox, radio, image, hidden, submit, reset
; v$ Y0 G) x. N6 N6 \& w$ U* Y**=Symbolic Name for CGI script
8 L$ Z, N/ c+ g6 R. q; ~
% Z' S% `8 \: b9 Jhttp://www.gzsums.edu.cn/webclass/html/br20t.gif 文字输入和密码输入*=text, password
- a: X. P3 V# L<input type=*>9 g1 a# K% W* r& Z6 K
<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>您的姓名:
2 L q2 @! I$ b* h您的主页的网址: 8 E- n- {6 `, S5 G
密码: ! z$ f7 E4 G- ~" q
1 I# N* c( R, ]( O, u8 g3 A1 }. f* ?
% v, o% Q: U i# {$ K5 w<input type=* size=**>- ^8 P2 [/ {+ Z% \8 g) i
<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>
; [, P. e+ A# L# {7 W a( a; I1 {9 |+ W7 }9 O- i( o$ d0 f
6 F* l: t( Z) F) ~$ C8 Z! c; p
5 R- g7 R8 x+ B- y |& yhttp://www.gzsums.edu.cn/webclass/html/br20t.gif 复选框(Checkbox) 和 单选框(RadioButton) ' v* Z2 T7 c1 Y! K- [
<input type=checkbox>
4 a; o# w8 x6 u2 Z# k( w<input type=checkbox checked>& `) }# g1 M* i- h' M; W
<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! z; b# ~2 R8 t @
Apple; x# |* X* f' X( w& p5 x
Orange4 r( `( r7 r( X: g' N3 \
# G; d/ W% q0 p, H& a7 l3 l. o
# P0 g9 M. F) ?0 w
<input type=radio value=**>
+ _" Q$ H* ]* {, Z$ }! ]+ g<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
* {/ r/ D7 }: ^- s- z. RApple2 X# K, U4 U8 v/ E q
Orange
: m( J2 ]" J" \
" x% A% W& N/ c; K& M) y% R# }
- G( f- {% x5 M4 Chttp://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>
( E) Z, O6 X2 E5 l/ Gx2 x4 x6
[! K% n( o \4 t2 `+ \
/ D6 ?# A7 K% ^# v& k$ R9 K
: w2 O% A! E1 q. K; ]' a" Yhttp://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.
) r7 c3 e* W/ Y b
& G4 ` H; O* s2 T9 ~% |( Q
3 ?- V5 W8 x/ b# Hhttp://www.gzsums.edu.cn/webclass/html/br20t.gif 列表框(Selectable Menu)
6 B- z% c3 n: l! c基本语法<select name=*>" ^& g5 |+ c; Q
<option> ...7 W. Y0 @1 J8 V8 u% {5 G
</select> ( b9 s& G7 z6 i% e% w
<option selected>
: ?+ J$ a( S0 _" N# G<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>
* c9 ~1 Q4 ?6 w1 k: Y, [9 c3 W h5 F7 O0 {
$ r2 \6 I/ k- t8 J5 M: n<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 z/ C0 ]3 _) V
, d' ^/ r7 x" u7 `7 ~
$ P* r8 R% c6 R! c* ~<select size=** multiple>注意，是用 Ctrl 键配合鼠标实现多选。
" s# N, C2 R- V5 P* i: z$ T F, V(和 MS-WINDOWS 的 File Manager 一样)
" l9 c2 k2 q; u: A<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>
2 i1 B& h# Z9 }0 |, F0 ?& t1 C! R) `1 K8 g
8 i. m' i% k; W" ]7 _6 _! 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>
" O' ]; ?8 e% ~7 p
O* T" w, x6 K5 c6 j- h# i! i) D1 ^- ^. f
对于很长的行是否进行换行的设置(Word Wrapping) http://www.gzsums.edu.cn/webclass/html/netscape.gif<textarea wrap=off> ... </textarea>不换行，是缺省设置。
! L0 Q" e/ a: ^* r4 [+ V<textarea wrap=soft> ... </textarea>“软换行”，好象 MS－WORD 里的“软回车”。
! i) r1 n$ C/ K ?<form action=/cgi-bin/post-query method=POST>
. D( d) [ }' Z4 u ]! |: c2 u3 U5 W<textarea wrap=soft name=comment rows=5 cols=25> </textarea><P>
* O" v F1 i5 A4 I' P<input type=submit><input type=reset>
: |- S) U |9 K `' ^3 Z</form>6 [ w; a% C/ I, O/ s5 r
2 @2 {, b8 v' J( v# K. ~" B% C1 J# Y" {5 _9 f6 W& n
, G E/ R: F( ?
<textarea wrap=hard> ... </textarea>“硬换行”，好象 MS－WORD 里的“硬回车”。
( l; [8 c" X' I1 E# K0 I# R<form action=/cgi-bin/post-query method=POST>% M) u& D7 i4 {! W
<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>8 n3 R, y4 B0 i% ]
<input type=submit><input type=reset> u- W& h! Y/ q+ ~3 K
</form> |
|
发表于 2008-1-18 12:33:28