第二章 章静态网页制作基础

1、第二章 章静态网页制作基础第四节 客户端信息搜集(网页表单)一、表单的概念表单是网页上的一组特殊对象标签，是接受用户输入数据的窗口。可以接受用户输入的信息数据，并提交给预定的程序等来接收并处理数据。 二、表单的作用表单是用户与服务器之间信息数据交互的桥梁，用户在网页上表单对象中输入数据或者做出选择，表单对象则把用户的数据或选择提交给服务器端处理，然后服务器把处理结果再反馈给用户。表单技术的应用，使得基于网页的编程得以实现。 含有表单的网页称作表单网页，表单对象中包含有若干表单域，每一个表单域也称表单控件，是表单的基本元素，用户可以在表单域中输入信息或作出选择。三、表单标记该标记的主要作用是设定

2、表单的起止位置，并指定处理表单数据程序的url地址。其基本语法结构如下：表单元素其中action：用于设定处理表单数据程序url的地址。method：指定数据传送到服务器的方式。有两种主要的方式，当method=get时，将输入数据加在action指定的地址后面传送到服务器；当method=post时则将输入数据按照HTTP传输协议中的post传输方式传送到服务器。name：用于设定表单的名称。onreset和onsubmit是主要针对“reset”按钮和“submit”按钮来说的，分别设定了在按下相应的按钮之后要执行的子程序。四、表单输入域（控件）此标记在表单中使用频繁，大部分表单内容需要用

3、到此标记。其语法如下：align：是用于设定表单的位置是靠左（left）、靠右（right）、居中（middle）、靠上 top）还是靠底（bottom）。name：设定当前变量名称。 type：决定了输入数据的类型。其选项较多，各项的意义是： type=text：表示输入单行文本； typet=textarea：表示输入多行文本；type=password:表示输入数据为密码，用星号表示；type=checkbox：表示复选框；type=radio：表示单选框；type=submit：表示提交按钮，数据将被送到服务器； tyPe=reset：表示清除表单数据，以便重新输入；type=file

4、：表示插入一个文件；type=hidden：表示隐藏按钮；type=image：表示插入一个图像；type=button：表示普通按钮；value：用于设定输入默认值，即如果用户不输入的话，就采用此默认值；src：是针对type=image的情况来说的，设定图像文件的地址；checked：表示选择框中，此项被默认选中；maxlength：表示在输入单行文本的时候，最大输入字符个数；size：用于设定在输入多行文本时的最大输入字符数，采用width，height方式；onclick：表示在按下输入时调用指定的子程序；onselect：表示当前项被选择时调用指定的子程序。 五、下拉菜单标记用标记可

5、以在表间中插入一个下拉菜单，它需与标记联用，因为下拉菜单中的每个选项要用标记来定义。标记的语法如下：其中name：设定下拉式菜单的名称；size：设定菜单框的高度，也就是一次显示几个菜单项，一般取默认值（size=1）；multiple：设定为可以进行多选。六、选项标记该标记为下拉菜单中一个选项，语法很简单：其中selected：表示当前项被默认选中；value：表示该项对应的值，在该项被中之后，该项的值就会被送到服务器进行处理。 七、多行文本输入标记这是一个建立多行文本输入框的专用标记，其语法如下：各参数含义：name：文本框名称；clos：宽度；rows：高度（行数）；wrap：换行控制，off：不自动换行；hard：自动硬回车换行，换行标记一同被传送到服务器中去；soft：自动软回车换行，换行标记不会传送到服务器中去。 表单所涉及的标记较多，参数也较复杂，而实际制作表单时就是这些标记的组合应用，但一般的表单不可能涉及所有参数，我们还是那个原则，能用默认值的尽量用默认值，绝不设定一个不用的参数。我在后面的文章中将通过实例介绍一些常用参数的应用技巧