程序员

dreamweaver教程之制作图形提交按钮示例(图)

作者:admin 2021-04-28 我要评论

一、在Dreamweaver中创建图形提交按钮 1. 点击鼠标,将光标定位在表单框线内,点击插入菜单,选择表单项,在弹出的子菜单中选择图像域命令。 或者在插入面板中选...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、提示

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


原文链接:https://m.jb51.net/Dreamweaver/150021.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 解密阿里云高效病原体基因检测工具

    解密阿里云高效病原体基因检测工具

  • 探秘!在阿里云做产品经理是怎样的体验

    探秘!在阿里云做产品经理是怎样的体验

  • 精彩回顾 | 阿里云 Serverless Develop

    精彩回顾 | 阿里云 Serverless Develop

  • 为什么SOFA RPC调用30s还不超时?

    为什么SOFA RPC调用30s还不超时?

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商