当前位置:首页 / 网页制作 / Dreamweaver教程 / Dreamweaver如何创建图形提交按钮 Dreamweaver创建图形提交按钮方法介绍
Dreamweaver如何创建图形提交按钮 Dreamweaver创建图形提交按钮方法介绍
芯晴素材特效 分类:Dreamweaver教程 发布日期:2018-04-08

一、在Dreamweaver中创建图形提交按钮

1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“图像域”命令。

或者在“插入”面板中选择“表单”项,点击“图像域”图标,如下图所示:

Dreamweaver如何创建图形提交按钮   三联

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

2. 点击“图像域”图标后,弹出“选择图像源文件”对话框,选择一个图片文件,点击“确定”按钮。

3. 弹出“输入标签辅助功能属性”对话框,在对话框中设置后,单击“确定”按钮,图像按钮出现在文档中。

4. 在文档中点击图像按钮,如下图所示:

5. 打开图片按钮“属性”面板,如下图所示:

Dreamweaver创建图形提交按钮

图像区域:输入图像域的名称。name属性。

源文件:在文本框中输入图像文件的地址,或者点击“文件夹”图标选择图像文件。src属性。

替换:设置图像的说明文字,当鼠标放在图像上时显示这些文字。alt属性。

对齐:选择图像在文档中的对齐方式。align属性。

编辑图像:启动外部编辑器编辑图像。

提示:当用户在浏览器中点击图像域时,不仅表单中的信息被发送到服务器,而且鼠标点击位置的信息也会被发送到服务器。

二、提示

将光标定位到表单的红色虚线围成的框内,按回车(Enter)键,可以添加多个图像域控件。

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

jQuery手机端上拉下拉刷新页面网页下载

2017-03-14   浏览:274

jQuery房地产贷款计算器网页下载

2017-03-13   浏览:453

JS实现文字从页面顶部掉下来的效果

2013-01-11   浏览:8445

jQuery+CSS3实现黑色圆形时钟网页下载

2017-03-13   浏览:444

仿win7界面弹出窗口放大缩小网页下载

2017-03-14   浏览:116

一款红色风格JS+CSS竖向tab选项卡

2013-01-14   浏览:9290

jQuery简易日历插件下载

2017-03-13   浏览:505

jQuery实现图片滑动导航

2017-03-16   浏览:439

支持背景图片的圆角效果的矩形

2013-01-09   浏览:8002

jQuery心型图片墙鼠标悬浮变大

2017-03-17   浏览:497

jQuery金币抽奖效果网页下载下载

2017-03-14   浏览:184

jQ OSX底部工具箱

2017-03-18   浏览:343