HTML学习笔记（6）——HTML表单(FORM)标记

今天学习了html里最重要的内容
"G;R+a)]3_r3_ b'F0
~2|T6UT_a*l0表单(FORM)标记
Z
ps wi)BJ#[#ys
L0HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。
E
h S&Ukz
ps`K0在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。
'dTv3?z2S |1N0表单是网页上的一个特定区域。这个区域是由一对<form>元素定义的。
Q!Nx)~)n/_|J)p*h0<form>元素51Testing软件测试网bbc`b I8w$o*z
action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。51Testing软件测试网*aCUq/KH(^5t9w!Gf
Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。
/i.[ g;d^8q4r5kI051Testing软件测试网'Ub7V5J.|c5q
表单的基本语法:51Testing软件测试网sXU o{E
<form action="url" method=* type=text/plain>...
/s3C&l^)l"f(x1r9N0o0<input type=submit>51Testing软件测试网$k Cci8@S2Qc}
 <input type=reset>
PSh+]i:X0</form>51Testing软件测试网4S$U6H%`2l5yVko#g:\{
* =GET有数据量限制，POST无以上限制,以文件形式传输
5C}%E:snR#aW9w0
|"S7i~6Op0文本框51Testing软件测试网4h!z(j^+RD2xN/wM'P
<input name=?  type=*  value=**  size=*** maxlength=??>51Testing软件测试网,d8cx?*A3|3{g4f
? ? 文本框的名字51Testing软件测试网:p1\4DAm'p*A]%g
* ? text,password51Testing软件测试网vpf4b2`;{In8j
** ? 默认值51Testing软件测试网|$qS%c[%F
***? 长度
@*i(@1B{5I@b0?? ? 最大输入字符数51Testing软件测试网2OG`'yLa
文本域
M%Iy!Z^,r~.s0<textarea name=* rows=** cols=**> ... </textarea>51Testing软件测试网x A6`8l]#c'n9}3?Y
h]"Z
按钮
@u` F6Q0包括普通按钮、重置按钮和提交按钮
!d1r4Pm6Egx0<input type="submit" value="提交" name=“B1">51Testing软件测试网r9x QSA[#w5M
<input type="reset" value="全部重写" name=“B2">51Testing软件测试网l7D"[ ]P
复选框(Checkbox)51Testing软件测试网Tn OTX E+M ~
r
在一个表单里的所有多选框可以有一个或多个被选中。
zT\ Sik
C0<input type=checkbox>51Testing软件测试网#V7`ju G
o6RIg
<input type=checkbox checked>
#b~:BKu5B|B0<input type=checkbox value=**>51Testing软件测试网)t.co'D a
6.单选框(RadioButton)
/{,`v6v RLI4t0一个表单里的所有变量名相同的单选框只能够有一个被选中。

E w|tY'aGDQ0<input type=radio  name=sex value=**>
Yo
_B?0<input type=radio name=sex value=** checked>
-w1j"}:?H
E\F0各个选项的name必须一样才能达到预期效果
L([ba.Hk07.下拉列表51Testing软件测试网~U!k6TP)X
基本语法51Testing软件测试网SV:kw#E
<select name=*><option selected>说明</option>51Testing软件测试网9E_4RA.Rr G
    <option value=**>说明2 </option>
q#Z#Pw%i)sdqm'?0</select>51Testing软件测试网,?:f7D}~cX
下拉列表
M&YXf-Dy0B0（2）列表框的长度
u/??4{#AR0<select size=**>51Testing软件测试网V in/S,~
（3）允许多选
Q3Q6[$Z\
K0E"i0<select size=** multiple>
2HAj6|)G0K6|08.图象域
Gc_
j-o%g0<input type=image src=url>
oR8QV8c B7Ce(l,[d0
V"ih2B'K'}#BT o0
+w(p:e8b9m0^ D0
5a[]4Jc1jM.[2St0