|
表单(Form)是实现网页上数据传输的基础,一般要和ASP、CGI等文件结合起来使用。对于ASP和CGI需要专门的程序员来完成,并在后台服务器调用。这里我只谈前台Form的制作。 一、创建Form表单 选择Insert下的Form,网页上会出现一个红色的虚线框图16.1。 ![]() 在Form的属性设置面板中,可以输入该Form的名称;Action中可输入要使用的ASP或CGI的程序名称;Method中默认使用POST方式。 在该Form中还可以添加一些Form的元素。只要使用Insert下Form Object,子菜单中出现Text Field(文本框)、Button(按钮)、Check Box(复选框)、Radio Button(单选框)、List/Menu(下拉式列表或菜单)、File Field(文件域)、Image Field(图形域)和Hidden Field(隐藏域)。 当插入文本框后,可以选择Window下Properties查看属性面板图16.2。 ![]() 其中: 1.可命名 2.设置字符宽度 3.设置最多可输入多少字符 4.设置文本框的类型 Single line:单一一行 Multi line:多行 Password:输入的是密码,会用*来显示 5.可输入初始值 6.当为Multi line时,Wrap有四种选项。主要是设定多行文本内容时,是否出现滚动条。 插入按钮后,属性面板如下: ![]() 其中: 1.默认情况是一个Submit按钮,也可以输入其他名称。该名称由后面的Action来决定,如果是Submit form则是Submit(发送),Reset form是Reset(清除),None是Button(一般的按钮)。 2.在Label中输入按钮上的文字 插入Check Box,属性面板如下: ![]() 其中: 1.设定名称 2.设定该复选框的值 3.设定初始状态是选中还是不选中,默认是不选中 插入Radio Button,属性面板如下: ![]() 设置类似于复选框。 插入列表框,属性面板如下: ![]() 其中: 1.可设定名称 2.设置类型是Menu或List, 当选择Menu时,不能设置其高度,并每此只能选择一个列表中的项目。 当选择List时,可以设置高度,并能设置一次选择多个列表中的项目。 3.当在List Values…中输入列表中项目,和值后,可以在Initially Selected中选列表第一个项目显示哪个。 二、用Form制作一个将数据发送到Email信箱中的实例 实例文件te.htm 其中当填完调查表后,按发送信件,这个mialForm的属性面板如下: ![]() HTML源代码如下: <FORM action=mailto:shanghai@triworks.com encType=multipart/form-data method=post name=mailForm onsubmit="return mailIt(this)"> <font color=#ffffff><b> <INPUT name=mailtext type=hidden value="信息内容: "> </b></font> <INPUT name=submit type=submit value=发送信件> </FORM> 其中:onsubmit="return mailIt(this)"会将信息填写在< INPUT name=mailtext type=hidden value="信息内容: ">所指定的文本域中。 |