例如:
action="http://your.isp.com/cgi-local/example.cgi"表单通常是与 CGI 配合使用的,参数 action 便是用以指明该 CGI 程式的位置,这 样此表单所填的资料才能正确传给 CGI 作处理。若馈下没有 CGI 以进行测试,可 设定此参数为 ACTION="mailto:your@email.com" 那样该表单所填的资料将会寄至 此电邮地址(红色部分)。
method="POST"
传送资料给 CGI 的的方式,可选值为 POST, GET。你只需记住POST容许传送大量资料,但 GET则只接受低于 1K 的资 料,所以你若看过别人的表单原始码的话,你会发现申请表单用的是POST 而搜 找器用的是 GET。
的参数设定(常用):
由于其第一个参数 type 己有很多的选择,而不同的选择表示出不同的输入方式,且其它 参数亦因此而异,故以下将独立介绍不同输入方式及其它参数设定。
输入方式一: Text (单行文字盒)
例如type="Text"
输入方式为 Text,能产生一单行文字盒,上限为 255 字元。
name="age"
此一单行文字盒名称,这是最重要的一个,方便 CGI 辨认由表单传来的资料,虽 说可随便命名,但通常 CGI 程式中都有指定名称,若转用其它名称便需要修改该 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"
此一单行文字盒显示的长度,若馈下是采用 Big5 编码的中文网页便要小心,同 size 的文字盒 NC 会显示得比 IE 狻长。
maxlength="255"
此一单行文字盒可输入字元的上限,为方便编排资料或避免错输入等,宜设定上 限,例如输入电话或 ICQ UIN 的可设为 8,年龄为 2 等。
例子:原始码
请填入电话号码:
显示结果
请填入电话号码:
输入方式二: Radio (单一选择)
例如:type="Radio"
输入方式为 Radio,能产生一单一选择,以供点选。
name="gender"
此一 Radio 名称,参考 Text 部分的说明。
value="female"
内定值。每一个 radio 必须及仅有一个 value,通常有同时采用两个或以上同 name 不同 value 的 Radio 输入方式,可让使用使任选其一。
align="MIDDLE"
可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
checked
设该 Radio 为内定被选。同 name 的各个 Radio 中只能有一个使用,或全不使用这 参数。
例子:原始码
请选性别:
女性
男性
你喜欢吗:
喜欢
不喜欢
不肯定
显示结果
请选性别: 女性 男性
你喜欢吗: 喜欢 不喜欢 不肯定
输入方式三: Checkbox (确认盒)
例如:type="Checkbox"
输入方式为 Checkbox,能产生一确认盒,以供剔选。
name="idol"
此一 Checkbox 名称,参考 Text 部分的说明。
value="Leon"
内定值。每一个 Checkbox 必须及仅有一个 value,当被剔选时这值便会传及 CGI,例如所传字串 idol=Leon 。
align="RIGHT"
可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
checked
设该 Checkbox 为内定被选。每个 Checkbox 都是独立的,所以每一个都可使用这 参数,不像 Radio。
例子:原始码
你喜欢以下那些明星:
黎明
酒井法子
郑秀文
BonJovi
显示结果
你喜欢以下那些明星:
黎明 酒井法子 郑秀文 BonJovi
输入方式四: Password (密码输方盒)
例如:Password 的其他参数和 Text 是完全相同的,请参考 Text 的介绍。
两者作用不同,Password 所输入的字元全以*号表示。
例子:原始码
请输入姓名:
请输入密码:
显示结果
请输入姓名:
请输入密码:
输入方式五: Submit (传送键)及 Reset (清除键)
这是表单上重要的两个按键,两者所附带的参数相同,但用处不大。
例如:
type="Submit"
设定输入方式为 Submit 或 Reset。
name="other_funtion"
Submit 的功能随 name 的不同而不同,须和 CGI 配合。若你只需要普通的传送 键,则是其内定,不必用此参数。
value="确定"
这个值不是输给 CGI 的,而是显示在按键上,可以不用,传送键的内定值为 Submit Query,清除键的内定值为 Reset。
align="MIDDLE"
可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
例子:原始码
显示结果
输入方式六: Image (图片按键)
这通常用以取代 Submit 及 Reset 两个按键,因为由程式产生的按键并不漂亮,这 Image 参 数便容许你采用自已制造的按键。
例如:type="Image"
输入方式为 Image。
name="submit"
所要代表的按键,可以是 submit, reset, 或其它。
align="BOTTOM"
可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
src="ex_icon.gif"
按键图片来源,若此图片文件不与该 html 文件在同一目录下,请加上相对或绝对途 径。
例子:原始码
显示结果
输入方式七: File
例如:input type="File"
输入方式为 Image。通常用以传输文件。
name="upload"
这文件传输的名称,用以识别之用。
align="BOTTOM"
可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
size="20"
所显示文字盒的长度。
maxlength="100"
可输入字元的上限。
accept="text/html"
所接受的文件类别,有二十六种选择,但可不设定。
例子:原始码
显示结果
输入方式八: Hidden
例如:type="Hidden"
输入方式为隐藏或内定。它不会显示任何输入介面,而是一个内定值随表单一起 传给 CGI,列如由 CGI 产生的会员号码,或传入可更改的参数以调整 CGI 而避免 修改 CGI 程式码。
name="ID"
这文件传输的名称,用以识别之用。
value="6618"
内定值,会以如 ID=6618 形式传给 CGI。
例子: ("Hidden" 是不被显示的,所以这处多放了一个 "Submit" 键,表示 Hidden 之内定 值会随 submit 键被按而传给 CGI)原始码
显示结果
输入方式九: Button
例如:type="Button"
输入方式为一般按键。常配合 Java Script 作为其启动按键。
name="useless"
这文件传输的名称,用处不大。
value="Back"
按键显示名称。
例子: 其中 οnclick="history.go( -1 );return true; 属 JAVA 事件。原始码
显示结果