2022年HTML语言剖析（八）表单标记CSSHTML教程.docx

《2022年HTML语言剖析（八）表单标记CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年HTML语言剖析（八）表单标记CSSHTML教程.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年HTML语言剖析（八）表单标记CSSHTML教程<FORM> <INPUT>INPUT 的种类： Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。<SELECT> <OPTION><TEXTAREA> 引子表单的用处许多，于网上无处不见，当然是协作 CGI 运用为佳，所以馈下有意运用或学 习 CGI 的话，表单设计见必需的，这一节介绍的标记不多，但其参数改变许多。一份表单的基本架构是：在 <FORM> 标记 的包围

2、下加上一种或以上的表单输入方式及一个或以上的按键。 <FORM> <INPUT> ：Top<FORM>称为表单标记，用以宣告此为表单模式，属于一个容器标记，表示其它表单标记须要在它的包围中才有效，<INPUT>便是其中的一个，用以设定各种输入资料的方法。它 是一个空标记。 <FORM> 的参数设定（常用）：例如： <form action= method=POST> action=表单通常是与 CGI 协作运用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。若

3、馈下没有 CGI 以进行测试，可 设定此参数为 ACTION=mailto:your 那样该表单所填的资料将会寄至 此电邮地址（红色部分）。 method=POST传送资料给 CGI 的的方式，可选值为 POST, GET。你只需记住POST容许传送大量资料，但 GET则只接受低于 1K 的资 料，所以你若看过别人的表单原始码的话，你会发觉申请表单用的是POST 而搜 找器用的是 GET。 <INPUT> 的参数设定（常用）：由于其第一个参数 type 己有许多的选择，而不同的选择表示出不同的输入方式，且其它 参数亦因此而异，故以下将独立介绍不同输入方式及其它参数设定。 type=

4、Text可选值为 Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。 输入方式一： Text （单行文字盒） 例如<input type=Text name=age value=20 align=MIDDLE size=2 maxlength=255> type=Text输入方式为 Text，能产生一单行文字盒，上限为 255 字元。 name=age此一单行文字盒名称，这是最重要的一个，便利 CGI 分辨由表单传来的资料，虽 说可随意命名，但通常 CGI 程式中都有指定名称，若转用其

5、它名称便须要修改该 CGI 程式了，名称可为没空白没特殊符号的英文或数字，有大小写的分别，可以 写成 Your_Age，若有访客于此表单此一文字盒填入 40 的话，那末传给 CGI 的字 串便是 Your_Age=40。 value=20此一单行文字盒内定值。若不填写则文字盒是空白的，等待访客亲自键入，若 value=20 的话， 20 便会出现在文字盒中，当然访客可以修改之。 align=MIDDLE可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle. 没太大有处。 size=2此一单行文字盒显示的长度，若馈下

6、是采纳 Big5 编码的中文网页便要当心，同 size 的文字盒 NC 会显示得比 IE 狻长。 maxlength=255此一单行文字盒可输入字元的上限，为便利编排资料或避开错输入等，宜设定上 限，例如输入电话或 ICQ UIN 的可设为 8，年龄为 2 等。 例子： 原始码<form action= method=POST>请填入电话号码：<input type=Text name=phone value= size=10 maxlength=8></form> 显示结果输入方式二： Radio （单一选择） 例如：<input type=Radi

7、o name=gender value=female align=MIDDLE checked> type=Radio输入方式为 Radio，能产生一单一选择，以供点选。 name=gender此一 Radio 名称，参考 Text 部分的说明。 value=female内定值。每一个 radio 必需及仅有一个 value，通常有同时采纳两个或以上同 name 不同 value 的 Radio 输入方式，可让运用使任选其一。 align=MIDDLE可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle。 c

8、hecked设该 Radio 为内定被选。同 name 的各个 Radio 中只能有一个运用，或全不运用这 参数。 例子： 原始码<form action= method=POST>请选性别：<input type=Radio name=gender value=Female>女性<input type=Radio name=gender value=Male checked>男性<br>你喜爱吗：<input type=Radio name=like value=Yes>喜爱<input type=Radio name=lik

9、e value=No>不喜爱<input type=Radio name=like value=NotSure>不愿定</form> 显示结果输入方式三： Checkbox （确认盒） 例如：<input type=Checkbox name=idol value=Leon align=RIGHT checked> type=Checkbox输入方式为 Checkbox，能产生一确认盒，以供剔选。 name=idol此一 Checkbox 名称，参考 Text 部分的说明。 value=Leon内定值。每一个 Checkbox 必需及仅有一个 valu

10、e，当被剔选时这值便会传及 CGI，例如所传字串 idol=Leon 。 align=RIGHT可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle。 checked设该 Checkbox 为内定被选。每个 Checkbox 都是独立的，所以每一个都可运用这 参数，不像 Radio。 例子： 原始码<form action= method=POST>你喜爱以下那些明星：<br><input type=Checkbox name=idol01 value=Leon>黎明<input type=Checkbox name=idol02 value=Noriko_Sagai>酒井法子<input type=Checkbox name=idol03 value=Leon>郑秀文<input type=Checkbox name=idol04 value=BonJovi checked>Bo