建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > dw入门 > 怎么用Dw创建图形提交按钮

怎么用Dw创建图形提交按钮

时间:2016-07-11 09:56:02  来源:免费模板网 作者:风雪 阅读次数 tags按钮表单

在我们访问网站的时候,很多地方会用到表单提交,原理就是form里面有个submit,那代码怎么实现,怎么用dw创建表单呢

类似这样的效果


步骤如下

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

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

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

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

Dreamweaver创建图形提交按钮

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

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

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

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

Dreamweaver创建图形提交按钮

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

Dreamweaver创建图形提交按钮

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

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

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

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

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

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

  二、提示

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

这样一个表单就实现了

 

本文地址:https://www.freemoban.com/dwrm/2016/0711/2639.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!