a16.JPG (9864 bytes)
 

  表单(Form)是实现网页上数据传输的基础,一般要和ASP、CGI等文件结合起来使用。对于ASP和CGI需要专门的程序员来完成,并在后台服务器调用。这里我只谈前台Form的制作。
 
一、创建Form表单
 
  选择Insert下的Form,网页上会出现一个红色的虚线框图16.1。
 
 16_1.gif (8071 bytes)
 
  在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。
 
 16_2.gif (8343 bytes)
 
  其中:
 
  1.可命名
  2.设置字符宽度
  3.设置最多可输入多少字符
  4.设置文本框的类型
    Single line:单一一行
    Multi line:多行
    Password:输入的是密码,会用*来显示
  5.可输入初始值
  6.当为Multi line时,Wrap有四种选项。主要是设定多行文本内容时,是否出现滚动条。
 
  插入按钮后,属性面板如下:
 
 16_3.gif (8568 bytes)
 
  其中:
 
  1.默认情况是一个Submit按钮,也可以输入其他名称。该名称由后面的Action来决定,如果是Submit form则是Submit(发送),Reset form是Reset(清除),None是Button(一般的按钮)。
  2.在Label中输入按钮上的文字
 
  插入Check Box,属性面板如下:
 
 16_4.gif (8863 bytes)
 
  其中:

  1.设定名称
  2.设定该复选框的值
  3.设定初始状态是选中还是不选中,默认是不选中
 
  插入Radio Button,属性面板如下:
 
 16_5.gif (8667 bytes)
 
  设置类似于复选框。
 
  插入列表框,属性面板如下:
 
 16_6.gif (8881 bytes)
 
  其中:
 
  1.可设定名称
  2.设置类型是Menu或List, 当选择Menu时,不能设置其高度,并每此只能选择一个列表中的项目。
    当选择List时,可以设置高度,并能设置一次选择多个列表中的项目。
  3.当在List Values…中输入列表中项目,和值后,可以在Initially Selected中选列表第一个项目显示哪个。
 
 
二、用Form制作一个将数据发送到Email信箱中的实例
 
  实例文件te.htm
  其中当填完调查表后,按发送信件,这个mialForm的属性面板如下:
 
 16_7.gif (13310 bytes)
 
  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="信息内容: ">所指定的文本域中。
 

返回