当前位置洪恩在线 -> 电脑乐园 -> 电脑交互教程 -> 网页制做 ->FrontPage 2000

FrontPage  

一、从一个网页开始
二、
编辑网页
三、使用图形
四、超链接
五、使用表格
六、组件的使用
七、使用框架
八、使用多媒体
九、站点操作
十、表单设计
 1.搜索表单
 2.创建表单网页
 3.添加表单字段
 4.表单字段的使用(上)
 5.表单字段的使用(中)
 6.表单字段的使用(下)
 7.确认网页
 8.保存表单结果
十一、创建讨论组
十二、站点的发布

谈谈您的看法

第十课 表单设计
6.表单字段的使用(下)

  我们再来看一下如何在网页里使用按钮:单击“插入”菜单,选择“表单”选项,单击“按钮”选项,这样就创建了一个包含插入按钮的表单,

插入的按钮

  双击插入的按钮,进入“按钮属性”对话框,

“按扭属性”对话框

  将按钮的名称改为“BUTTON3”,在“值/选项卡”文本框里输入“我的按钮”。就是说,按钮的选项卡和向服务器发送的值是一样的,这里按钮的选项卡和向服务器发送的值都是“我的按钮”。
  如果按钮类型是“提交”,那么按钮的作用和表单默认创建的“提交”按钮作用是一样的,都是用来将表单里所有字段的值向服务器发送一次。
  如果设置按钮类型为“重置”,那么当浏览者单击按钮时,表单的所有字段就会重置为默认的值。设置为“重置”类型的按钮的作用和表单默认创建的“全部重写”按钮是一样的作用。
  再来看看“普通”类型是做什么的:“普通”类型的按钮用来执行除提交和重置以外的其他操作,我们必须为操作编写或创建脚本。
  在这里介绍一下,脚本就是按钮被单击时执行的一段小程序。我们单击“提交”单选按钮,单击"确定"按钮,按钮的选项卡就变成“我的按钮”了。这是我们在网页发布到服务器上以后在浏览器里看到的结果,

浏览器里看到的效果

  单击“我的按钮”,这时服务器就收到按钮发送的值是“我的按钮”。

提交的结果


  我们不仅在需要的时候要自己创建提交和重置按钮,还可以用图片来创建提交按钮。不过不是插入普通图片,而是一个图片表单字段。
  我们单击“插入”菜单,选择“表单”命令,单击“图片”按钮,

选择图片的窗口

  在弹出的“图片”对话框里选择需要插入的图片,单击“确定”按钮。这时一个图片字段就插入到表单里了。

图片加到了表单里

  我们来看一看图片字段和普通图片有什么区别:单击鼠标右键选择“表单域属性”对话框,

“图片属性”对话框

  在“表单域”选项卡里,我们看到这个图片也有一个字段名“I1”,这说明图片也是表单的一个字段,我们把“名称”改为“IMAGE1”,单击“确定”按钮。

浏览器里的效果

  这是我们把网页发布到服务器上以后,在浏览器中看到的网页,单击图片,表单就提交了,

提交后的表单确认

  这说明图片字段也可以进行提交按钮操作。
  图片字段在提交时,字段本身要向服务器发送两个值。在这里就是:“IMAGE1.X”和“IMAGE1.Y”,它们是两个数,分别表示鼠标在单击图片时,相对于图片的X和Y坐标,这样我们就可以知道浏览者单击了图片的哪个部分。

上一页 下一页

谈谈您的看法