当前位置:首页 > 设计在线 > 网页设计 > Dreamweaver > 用FrontPage建立网页表单结构

用FrontPage建立网页表单结构

点击次数:43 次 发布日期:2008-11-26 21:53:14 作者:源代码网
源代码网推荐 说起表单元素,可能你还觉得比较陌生,笨笨熊给你略加解释,相信你就明白了。

经常上网,申请电子邮件或是主页空间什么的,一定有了吧,而在申请成功前需要填写的内容就是我们现在说的表单,它主要是用来收集用户信息的。包括现在的网上调查系统,社区或聊天室登录等等,都是表单的范畴。

你一定会说那真的太麻烦了,接着看,其实很简单的。

不过在介绍如何作表单以前,大家最好还要认识一下常用的表单域元素:

1>单行文本框 2>多行文本框 3>单选钮 4>多选钮 5>命令按钮6>下拉菜单

好了,在这里大家也没有必要认识它们的HTML代码,能使用就可以了。准备好的话,我们开始了。

1>插入各种表单域:

Insert / form field / 依次选择需要的即可。

列如下面:

  单行文本框:

            (单行输入框是最常用的,选定文本框。
            (右击选 form field properties,你可以设定。
            (长度,以及是否作为密码输入,显示用星号。

  多行滚动框:

  单选钮: 多选钮

            (单选钮和多选钮是在填表时经常用到的。
            (使用时要注意的是单选钮必须都使用同样的组名称。
            (这时才能实现多个中选一个的作用。
            (而两者的值都要对后面的内容项目有很好的体现。
            (以便表单域的值得到处理。

  下拉菜单:

  命令按钮: (复位按钮) (提交按钮) (普通按钮)

            (命令按钮分三种形式:

            (普通按钮:没有相应的。

            (提交按钮:选种按钮,form field properties,在button type中选submit

            (重置按钮:选种按钮,form field properties,在button type中选reset

  好了,关于表单元素大概就这么多了吧。

2>表单内容的提交:

既然是用来收集信息,那么内容是怎样完成提交的呢?

在表单内点击右键form properties,在弹出的表单处理窗口中,提供了三种方法:

前两者是用FP自身的处理来实现的,不过用起来到是经常出错。

因此笨笨熊自然不会误人子弟。

这里说两种比较实在的处理。当然先告诉你表单处理是通过action属性实现的。

1)通过电子邮件传送处理。

如果你没有指定的处理程序的话。电子邮件恐怕就是首选了。

<form action="mailto:zeng.zeng@263.net">这时当你提交时,内容会以邮件内容的形式发给你。

2)当然如果你有自己的处理程序。

多是如CGI/ASP/PHP等,可以直接调用的。

在表单中右击,选form properties

在表单处理窗口中选最后的:send to other

弹出设置窗口:action中填入地址。method中用默认的POST方式即可。

怎么样,是不是现在有点懵了。

回去好好再看看吧。


源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华