(
课件网) 7 表 单 HTML是利用表单(Fom)来设计交互界面的.表单则是接受浏览者在网页中的操作,并传递给服务器中的程序(例如CG1程序).它是动态的,有输入框及按钮等。使用表单并配合CG程序,网页能够知道浏览者做了哪些事情,然后针对这些事情适当地加以回应,就可以做成一个具有交互功能的网页了。 本章的内容就是要介绍,如何制作表单让自己的网页和浏览者之间进行互相交流. 7、表单 1
之间的内容就是一个表单。表单form为浏览者在屏幕上建立一张表格,表格中有明确的文字提示,使浏览者可以在表格上输入自己的信息,然后使用提交按钮,将浏览者的信息传送给服务器。表单form中的HTML代码要完成两件事情,一是指出CGl的路径和名称,二是要将表单输入的信息传递给CGI。 CGI(Common Gateway Interface) 是 WWW 技术中最重要的技术之一，有着不可替代的重要地位。CGI 是外部应用程序（CGI 程序）与 WEB 服务器之间的接口标准，是在 CGI 程序和 Web 服务器之间传递信息的过程。CGI 规范允许 Web 服务器执行外部程序，并将它们的输出发送给 Web 浏览器，CGI 将 Web 的一组简单的静态超媒体文档变成一个完整的新的交互式媒体。 7、表单 1 定义表单标记及其属性 属性 功能 action 指定处理表单数据的URL地址,其值通常为动态网页文件的路径,可以设置为空链接 method 指定将表单数据提交给服务器的传送方式,值为post(一般用于传送大容量数据或需要保密的信息)和get(不能传送大容量数据,且数据传送不安全,易被截取) name 定义表单的名称 target 定义表单数据结果显示的目标窗口 格式:< form action=“执行CGI程序的URL地址” method=”数据传送方式">… 功能:在网页中建立一个表单,定义信息的收集范围 注意：所有的表单控件都必须包含在
标记中 7、表单 1 定义表单标记及其属性 格式:< form action=“执行CGI程序的URL地址” method=”数据传送方式">… 功能:在网页中建立一个表单,定义信息的收集范围 2 表单控件标记及其属性 格式:< Input type=”输入控件类型">。 功能:在已建好的表单中建立一个指定类型的输入控件 属性 控件名称 控件类型 type text 单行文本框 password 密码框 file 文件域 radio 单选框 checkbox 复选框 submit 提交按钮 reset 重置按钮 button 普通按钮 控件名称 控件类型 Text 文本框 Password 密码框 Radio 单选按钮 Checkbox 多选按钮 submit 确定提交按钮 Reset 重置按钮 Image 图像按钮 file 文件选择输入框 7、表单 2 表单控件标记input及其属性 格式:< Input type=”输入控件类型">。 功能:在已建好的表单中建立一个指定类型的输入控件，其他属性如下 属性 控件名称 控件类型 type text 单行文本框 password 密码框 file 文件域 radio 单选框 checkbox 复选框 submit 提交按钮 reset 重置按钮 button 普通按钮 属性 控件名称 控件类型 name 指定各个控件的名称,方便CGI程序对其输入控件的引用 size 设置输入窗口的宽度,控件类型为文本框、密码框和文件域时可使用 value 控件类型为文本框、密码框、文件域、单选框和复选框时,用于设置输入控件提交的值;控件 类型为提交按钮或重置按钮时,用于设置按钮上显示的文本 checked 设置单选框和复选框的初始状态,指定表示选中,不指定表示未选中 maxlength 设置文本框和密码框可输入的最大字符数 7、表单 2 文本框text及其属性 格式:< Input type=”输入控件类型">。 功能:在已建好的表单中建立一个指定类型的输入控件，其他属性如下 属性 控件名称 控件类型 type text 单行文本框 password 密码框 file 文件域 radio ... ...
