这篇文章主要介绍了dreamweaver教程之制作图形提交按钮示例(图),需要的朋友可以参考下

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、提示

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

最新资讯
美团点评第一季度营收192亿元 同比增长70.1%

美团点评第一季度营收

财报显示,美团第一季度营收192亿元人民币,同比增长70.1%
外交部:美国无端打压科技企业不利于磋商氛围

外交部:美国无端打压科

“我们多次说过,中方的大门是敞开的,但磋商要有意义,必须
大疆公关总监:最重要的是做好内部管理

大疆公关总监:最重要的

大疆公关总监谢阗地表示,除了之前发布的一个官方声明外
2019Twitter中国品牌出海影响力报告:华为大疆等上榜

2019Twitter中国品牌

球社交网络平台Twitter今日在北京举办2019年Twitter出
特斯拉上海超级工厂公开招聘24个职位

特斯拉上海超级工厂公

特斯拉上海工厂最初的生产目标为每周3000辆左右,2020年
OPPO K3发布 将升降式全面屏下放至千元机

OPPO K3发布 将升降式

OPPO今日发布K系列新品K3,采用升降式摄像头,售价1599元
最新文章
Dreamweaver cs5命令列表怎么删除命令?

Dreamweaver cs5命令

Dreamweaver cs5命令列表怎么删除命令?Dreamweaver cs5
Dreamweaver怎么设置不可见元素的参数?

Dreamweaver怎么设置

Dreamweaver怎么设置不可见元素的参数?Dreamweaver中有
Dreamweaver cs5怎么插入AppLet类型文件?

Dreamweaver cs5怎么

Dreamweaver怎么插入AppLet类型文件?Dreamweaver制作网
Dreamweaver cs5字体家族怎么添加删除字体?

Dreamweaver cs5字体

Dreamweaver cs5字体家族怎么添加删除字体?Dreamweaver
dreamweaver cs5网页怎么链接css样式?

dreamweaver cs5网页

dreamweaver cs5网页怎么链接css样式?dreamweaver cs5
Dreamweaver页面怎么制作悬浮在固定位置的导航?

Dreamweaver页面怎么

Dreamweaver页面怎么制作悬浮在固定位置的导航?Dreamwe