Dreamweaver如何添加表单按钮

Dreamweaver如何添加表单按钮 *** 作如下：

一、在Dreamweaver中插入表单按钮

1. 点击鼠标，将光标定位在表单框线内，点击“插入”菜单，选择“表单”项，在d出的子菜单中选择“按钮”命令。

或者在“插入”面板中选择“表单”项，点击“按钮”图标，如下图所示：

点击“窗口”菜单，选择“插入”项，可以打开“插入”面板。

2. 点击“按钮”图标后，d出“输入标签辅助功能属性”对话框。

3. 单击“确定”按钮，表单按钮出现在文档中。

4. 在文档中点击“按钮”表单控件，如下图所示：

5. 打开按钮“属性”面板，如下图所示：

按钮名称：为该按钮输入一个名称。name属性。

值：输入需要在按钮上出现的文本。value属性。

动作：选择“提交表单”，点击该按钮时提交表单以供处理(type="submit")选择“重设表单”，点击该按钮时重置表单(type="reset")选择“无”，点击该按钮时激活一个基于处理脚本的不同动作(type="button")。

提示：在表单的“动作”文本框中指定脚本或页面来处理表单。

二、提示

将光标定位到表单的红色虚线围成的框内，按回车(Enter)键，可以添加多个表单按钮。

你好！一般而言，你设计好的网站效果图，最好不要采取直接切图后导出html文件，这样很容量出现文件碎片和页面失真，最好的方法就是你把网站效果图切出图像，而不要导出html文件，html文件另再DW里建立，然后通过DW里进行图像插入，该背景就背景，该图像的就图像。

我以上这么说感觉有点随便，那我现在根据你提的问题进行一下说明。

1、将PS中的图像源文件以切片形式取好名字，导出图像并放置在images里，记住不要html网页形式的文件。

2、打开DW，用表格或DIV构建该网站效果的位置，将图像插入（这步你应该会的吧？），其它的应该都没有什么问题，尤其要注意的就是你登录窗口这一块的表单，这里的图像你一定要用背景方式来做，而且你要设置成不重复的背景图像哦。、

3、现在将登录窗口图像做为背景，接下来我们就用CSS将表单的输入框的位置做一下调整，那怎么调呢，一般而言都是通过内置DIV+CSS进行调整的，具体看以下 *** 作分析：

（1）在其背景图像位置加入<div></div>，记住不要设置任何的宽度；

（2）在DIV上加入CSS样式，这里根据你实际的位置来定，一般设置的有内框padding或外框margin（上、左）间距，最好采用padding来定，这样不会形成浏览器不兼容哦，上左间距由你自己控制，然后在DIV里加两个内嵌DIV，里加的两个DIV是定表单准确的位置，并且将表单输入框元素透明化就行，形式如下，以供参考：

<div style="padding:30px 0px 0px 50px"> //这里将表单调整到精确位置，上30px，左50px

<form>

<div style="padding-top:10px"> //将表单中的输入框顶部与背景中的输入框背景图对齐，顶部设置10px，下同！

<input name="" type="text" style="width:100pxmargin:0padding:0border:0pxbackground-color:transparentcursor:text"" />//宽度为100px，间距都归0，线框为无，背景颜色为透明色，鼠标图标以文本输入形式图标，下同！

</div>

<input name="" type="text" style="width:100pxmargin:0padding:0border:0pxbackground-color:transparentcursor:text"" />

</div>

</form>

</div>

以上就是我个人制作的一点小经验，你可以参考，如有不懂之处你可以直接联系我百度HI，我会详细给你做分析。

希望我的回答能令你满意！

表格（标签为table），网页重要元素之一，制传统表格为普通，随‘互联网+’时代迅猛发展，于Dw网页制作中，多用于布局网页，设计页面分栏及定位文本图像等元素。表格、层均可实现网页元素以像素方式控制，表格精确排版和定位网素胜于层。

Dw可使用“插入”面板或“插入”菜单来创建一个新表格，下面我们来了解如何 *** 作：

1、先创建一个空白文档，当前状态下处于‘代码’视图。

2、单击‘设计’字样，在它的下拉列表中点选‘设计’，这时将会载入设计视图。

3、插入‘表格’有3种方法，可点击菜单栏‘插入->Table’,另一种就是在‘插入’面板中，单击‘Table’按钮。还有在种直接按下Ctrl+Alt+T快捷键。

4、d出'Table'窗口，在行数、列文本框输入数字，需要标题可有可无，一般不用调表格高度，其总宽比例决定表格高度。

主要是设定边框粗细的大小，输入‘0’就是没有边框线，大多网站设计插入表格更多为了定位网素。

5、在空白文档中，插入表格的表格位于左上角。

1、新建HTML文档。

2、在菜单栏中选择“插入”——“表格”。

3、插入的表格可以设置相对应的列和行，已经边框、内边距。

4、成功插入表格后，在html代码中就会自动生成代码。其中注意到两个参数，cellspacing控制边框像素，cellpadding控制内容到边框的距离。

5、要在表格里面输入内容可以直接从设计视图中输入。现在不建议在表格中插入图片，表格中加图片的定位没有DIV灵活。

---