《计算机网络原理、技术及应用》教学课件 计算机网络ch09.pptVIP

计算机网络原理、技术及应用《 计算机网络原理、技术及应用》 9.7 表单设计 表单（Form）在Web网页中用来给访问者填写信息，并且能发送这些信息到服务器端。表单的应用使网页增加了与服务器的交互能力。 9.7.1 form标记 9.7.2 表单控件 9.7.3 表单应用举例 什么是表单 表单和Windows的对话框类似，它的子对象称为“控件”，如文本框、按钮、单选按钮等。控件是用户用来完成数据输入的工具，一个表单一般由若干控件组成的。当用户输入完数据后做“提交（Submit）”操作时，表单上输入的数据就从客户端浏览器传输到服务器上，在Web服务器由ASP、JSP或CGI等服务器端程序处理。 应该注意的是，一个网页上可以有多个表单，每次提交表单时，只是将当前表单的数据发送到服务器，而对同一网页上的其它表单不起作用。 9.7.1 form标记 form标记为双标记，用来建立一个表单，即定义表单的开始和结束位置，在标记对之间的所有控件标记都是该表单的子对象。 form标记具有Action、Method、Target和Enctype属性。 Action属性 Action的值是处理程序的网络路径和程序名，如：form Action=/feedback.asp，当用户提交表单时，服务器将执行网址上的程序对所提交的数据进行处理。 Method属性 Method属性用来设置表单数据的发送方式，可取值为GET或POST。GET方式是将表单处理程序的URL与所有的控件数据形成一个字符串发送到服务器端，然而这种方式传送的数据量限制不能超过512 Bytes。POST方式与GET方式不同，它是将处理程序的URL与所有控件数据封装成数据包，直接发送到服务器端。所以这种方式的传送数据量不受限制。 Target属性和Enctype属性 Target属性用来指定目标窗口或帧。 Enctype属性用来指定发送数据的编码类型，例如表单上含有上传文件时需要指定该属性为： Enctype=Multipart/form-data 9.7.2 表单控件 控件是表单的子对象，用户的所有输入与选择都是通过它完成的。控件有多种不同的类型，以实现不同形式的数据输入与操作。 1．input标记 input为单标记，可以用来定义多种不同的表单控件。input标记最重要的属性就是Type。通过该属性来指定控件的类型，如表9- 4所示。 表9-4 inputType属性 (1) 单行文本框 表单上的单行文本可以接收用户输入的任何字符串数据，不能包含换行符，数据必须在一行中写完。其基本形式如下： input Type=text Name=field_name Value=string Size=n Maxlength=m Readonly=false|true 其中：field_name为控件名；Value为文本框的初值；n为文本框的宽度（以字符数为单位）；m为字符串的最大字符数；Readonly用来指定控件是否是“只读”的。 (2) 复选框 复选框是表单上可供用户选择输入的控件，有“选中”和“不选中”两种状态。选中时将在控件中打上“√”。其基本形式如下： input Type=checkbox Name=field_name Checked 其中：field_name为控件名；含有Checked属性时，表示控件的默认状态为“选中”。复选框控件后面一般带有文字说明， (3) 单选按钮 单选按钮是从多个选项中选择其中之一的控件。在一组单选按钮中一次只能选择一项。选中的中间有一黑点，否则为不选中。当选择另一个单选按钮时，原来的选中将自动取消。该控件的HTML语句的基本形式为： input Type=radio Name=field_name Value=value Checked 其中：field_name为控件名；value为选中该项时的取值；当语句中有Checked属性时，为该项默认为“选中”状态。 2．h1、h2、...、h6标记 双标记。是六种不同等级的标题标记。h1标题的文字字号最大，h6字号最小。也可以在标题标注中加入Align属性，以定义标题文本的对齐方式。例:h1 Align=center〉My Centered Heading/h1，将对文本“My Centered Heading”以标题h1格式居中显示。 3．br标记 单标记。br用来创建一个回车换行。br在使用上具有一定的技巧，如果把br加在p/p标记对的外边，将创建一个大的回车换行，即br前边和后边的文本的行与行之间的距离比较大，若放在p/p的里边则br前边和后边的文本的行与行之间的距离将比较小。br只是起显示文本的换行作用，该标记前后的文本仍是一个段落。 4．hr标记 单标记。在