网页表单.pptVIP

表单 表单的用处很多，网上无处不见 主要用于登录、注册、留言等给用户提供入口。 网站怎样与用户进行交互? 答案:使用HTML表单(form) 表单 表单是可以把浏览者输入的数据传送到服务器端的程序(比如ASP，PHP)的HTML元素 服务器端程序可以处理表单传过来的数据，从而进行一些动作 比如，bbs、blog的登陆系统，购物车系统等 FORM 一份表单的基本架构是： 在 FORM 标记的包围下加上一种或以上的表单输入方式及一个或以上的按键。 FORM 是一个成对的标记。 表单属于一个容器标记，表示其它表单控件需要在它的包围中才有效，它是一个空标记。 FORM 的参数设定（常用） action 浏览者输入的数据被传送到的地方，比如一个PHP或ASP页面。 表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。 FORM 的参数设定（常用） 若没有CGI，可设定ACTION=“mailto:your@” 那样该表单所填的资料将会发到该邮件地址 FORM 的参数设定（常用） method 数据传送的方法 传送资料给CGI的的方式，可选值为POST、 GET。 POST容许传送大量资料，但GET则只接受低于1K的资料 表单控件：INPUT INPUT 的种类： Text, Radio，Checkbox, Password, Submit/Reset, Image, File, Hidden，Button。 INPUT type=Text 单行文本框 例：input type=Text name=age value=20 size=2 maxlength=255 type=Text 指明类型为单行文本框 INPUT type=“Text”参数 name=age 单行文本框名称，这是最重要的一个，方便 CGI 辨认由表单传来的资料 INPUT type=“Text”参数 虽说可随便命名，但通常 CGI 程式中都有指定名称，若转用其它名称便需要修改该 CGI 程式了，名称可为没空白没特别符号的英文或数字，有大小写的分别，可以写成 Your_Age 若有访客于此表单此文本框填入 40 的话，那么传给 CGI 的字符串便是 Your_Age=40。 INPUT type=“Text”参数 value=20 文本框默认显示的值。若不填写则文字盒是空白的，等待用户键入 若 value=“20” 的话， 20 便会在页面载入后就出现在文字盒中，但用户可以任意更改，主要起提示作用。 INPUT type=“Text”参数 size=2“ 文本框显示的长度 maxlength=255 允许输入的文字上限 input type=Radio 单选按钮 例如：input type=Radio name=gender value=female checked type=Radio 输入方式为 Radio，能产生一个单选按钮。 input type=“Radio”参数 name=gender 此单选按钮Radio的名称，参考Text部分的说明。 input type=“Radio”参数 value=female 内定值。每一个 radio 必须及仅有一个 value 通常有同时采用两个或以上同 name 不同 value 的 Radio 输入方式，可让使用使任选其一 input type=“Radio”参数 checked 设该 Radio 为内定被选。同 name 的各个 Radio 中只能有一个使用，或全不使用这 参数。 input type=Checkbox 复选框 例：input type=Checkbox name=idol value=Leon checked type=Checkbox 输入方式为 复选框 input type=“Checkbox”参数 name=idol 此Checkbox名称，参考Text部分的说明。 value=Leon 内定值。每一个Checkbox必须及仅有一个 value，当被剔选时这值便会传及CGI，例如所传字串 idol=Leon 。 input type=“Checkbox”参数 checked 设该 Checkbox 为内定被选。每个 Checkbox 都是独立的，所以每一个都可使用这 参数，不像 Radio。 input type=Password 密码框 例如：input type=Password name=pw value=ArrayArrayArray size=5 maxlength=Array input type=“Password”参数 Passwo