20101127-第9章-表格单.pptVIP

网 页 设 计 与 欣赏 一、表单的构成 一个表单有三个基本组成部分： 1.表单标记：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 2.表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 3.表单按钮： 包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 二、表单的原理 当用户单击确认按钮时，表单的内容会被传送到另一个文件。 表单的动作属性(action)定义了目的文件的文件名。 由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。 三、表单标记 ＜FORM　action=“URL”　method=“get/post”　name= target=“window”＞ ＜/FORM （1） action属性：定义处理表单数据的程序地址，通常是CGI地址。 　　●CGI是“通用网关接口”（Common Gateway Interface)，是HTTP服务器与你的或其他机器上的程序进行“交谈”的一种工具，其程序必须运行在网络服务器上。 　　　●CGI使网页具有交互功能，解释处理来自表单的输入信息，并在服务器上产生相应处理，再将处理结果反馈给浏览器。 　（2） method属性：指定表单数据传送到服务器的方式。 　　　　　●get：将输入数据加在action 指定的地址后面传送至服务器。 　　　●post：将输入数据按照HTTP的传输方式传送至服务器（用电子邮件接收用户信息采用的就是这种方式）。 　（3） name属性：定义表单，用于区分一个页面上的多个表单。 　（4） target属性：定义输入数据的结果显示在哪个窗口。（书中99页） 例如： ＜form action=“/test.asp” method=“post” target=“_blank”＞...＜/form＞　　 表示表单将向/test.asp以post的方式提交，提交的结果在新的页面显示，数据提交的媒体方式是默认的application/x-www-form-urlencoded方式；  （一）单行文本框 是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。 代码格式： type=“text”指定输入类型为文本信息，且为单行，上限为255个字符 ； name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称； size属性定义文本框的宽度，单位是单个字符宽度； maxlength属性定义最多输入的字符数。 value属性定义文本框的初始值例1代码： ＜input type=text name=example1 size=20 maxlength=15＞　　 （二）密码框是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。代码格式： ＜input type=“password” name=“” size=“” maxlength=“”＞　　属性解释： type=“password”定义密码框； name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称； size属性定义密码框的宽度，单位是单个字符宽度； maxlength属性定义最多输入的字符数。 例2代码： ＜input type=password name=example3 size=20 maxlength=15＞ （三）多行文本框也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。　　代码格式： ＜TEXTAREA name=“...” cols=“...” rows=“...”＞ ＜/TEXTAREA＞　　属性解释： name属性定义多行文本框的名称； cols属性定义多行文本框的宽度； rows属性定义多行文本框的高度； 例3代码： ＜TEXTAREA name=“example2” cols=“20” rows=“2”＞＜/TEXTAREA＞　　 （四）复选框　　复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。　　代码格式： ＜INPUT type=“checkbox” name=“...” value=“...”＞　　属性解释：　　type=“checkbox”定义复选框；　　name属性定义复选框的名称；　　value属性定义复选框的值例4代码： 　　＜input type=“checkbox” name=“wire” value=“09”＞有线　　＜i