当前位置：首页 -> 网页设计 -> DREAMWEAVER -> DreamWeaver中表单的使用和电子邮件表单的制作

DreamWeaver中表单的使用和电子邮件表单的制作

时间： 2021-07-31 作者：daque

开始，看一下你将要做的电子邮件表单的结果界面，固然，这不过一个大略的例子，旨在举一反三罢了，断定您将做得越发美丽或安排得越发有层次。接下来，就发端创造这个电子邮件表单:第一步:插入表单，用“insert”——“form”吩咐或采用东西面板objects上的“forms”中的黄色，此时将弹出一个赤色虚框，这即是表单的外层，在底下讲到的表单位素必需坐落赤色的虚线框里才起效率。为了表单中的元素定位简单，再插入一个表格，至于表格的巨细可自行遏制，图中的表格是7行×2列的。而后把第1、5、6和7这四行兼并单位格。第二步:将笔墨输出表格中，到此为止，筹备处事仍旧做好了。第三步:插入表单位素，在“您的全名”边上的单位格中插入一个文本框，用“insert”——“form object”——“text field”吩咐或在面板上采用图标。同样在底下的“邮件地方”、“网页”边上和“您的倡导”底下的单位格中也辨别插入一个文本框。选中一个文本框。参数的简直含意如次所示:“textfield”:文本框的名字，对于本例，可辨别取名如“全名”、“邮件地方”、“网页地方”和“看法”;“char width”:文本框表露在网页上的长度;“max chars”:最多能输出的字符长度;“type”:公有二类，“single line”表白单列文本，“multi line”表白多行文本，“password”表白暗号框;“init val”:文本框中的初始值。当你选中“type”中的“multi line”典型时，属性面板又有所变革了。与前方的面板相比较，“char width”被“num lines”包办，表白文本的行数。“wrap”是多行文本的表面参数，四个选项，你不妨辨别试试。此刻文本框都已做好，底下要做“发送”和“废除”按钮了。第四步:在第七行的单位格里再插入一个边框border=0的1行×2列的表格（用表格不妨很简单地遏制元素的场所），而后在单位格中插入按钮，运用“insert”——“form object”——“button”吩咐或采用蓝色图标，选中按钮，看看属性面板的变革吧。个中“button name”按钮的称呼;“lable”按钮上表露的实质，如例子中的“发送”和“废除”;“action”按钮的典型，有三种:“submit form”提交按钮和“reset form”重置按钮、“none”普遍按钮。在本例顶用到了前两种即提交（发送）和重置（废除）按钮。第六步:这是最要害的一步，单击表单范围的赤色虚框。图中“form name”表白表单的称呼;“action”表白表单提交后将由哪个步调来处置，这边填入你的e-mail地方，方法如:mailto:你的e-mail地方;“method”表白提交本领，有“post”和“get”两种，默许为post。此刻，你仍旧做好了一个大略的电子邮件表单，固然在这个例子里只用了表单的一局部元素，其它的表单位素再有复选框，在页面上表露为;单选框，在页面上表露为。这两个在表单中也是常常用到的元素，相关的属性可在属性面板上看到，在一组中复选框能同声采用多个，而单选框一组只能选中一个，将多个复选框（或单选框）设置为一组的本领是:将这几个复选框（或单选框）取沟通名字。

DreamWeaver中表单的使用和电子邮件表单的制作

相关推荐

推荐下载

热门阅览

最新排行