html语言表单标识,HTML语言剖析(八) 表单标记

表单标记

INPUT 的种类: Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。

■ 引子

表单的用处很多,于网上无处不见,当然是配合 CGI 使用为佳,所以馈下有意使用或学 习 CGI 的话,表单设计见必需的,这一节介绍的标记不多,但其参数变化很多。一份表单的基本架构是:在

标记 的包围下加上一种或以上的表单输入方式及一个或以上的按键。

:称为表单标记,用以宣告此为表单模式,属于一个容器标记,表示其它表单标记需要在它的包围中才有效,便是其中的一个,用以设定各种输入资料的方法。它 是一个空标记。 的参数设定(常用):

例如:

● 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 己有很多的选择,而不同的选择表示出不同的输入方式,且其它 参数亦因此而异,故以下将独立介绍不同输入方式及其它参数设定。

● type="Text"

可选值为 Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。

输入方式一: 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 中只能有一个使用,或全不使用这 参数。

例子:

原始码

请选性别:

女性

男性


你喜欢吗:

喜欢

不喜欢

不肯定

显示结果请选性别: 女性 男性

你喜欢吗: 喜欢 不喜欢 不肯定

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值