dreamweaver怎么制作文本框? dw文本框的两种制作方法

2023-12-02 0 542

Dreamweaver可以很方便的制作网页,因为是可视化的,所以很适合新手。那么dreamweaver如何添加文本输入框呢?

Adobe Dreamweaver CS6 离线正式版 by Ansifa (2013.2.22)

  • 类型:网页设计
  • 大小:93.1MB
  • 语言:简体中文
  • 时间:2013-09-27

查看详情

首先我们建立一个空白的html,小编这里用的是Dreamweaver CS6做演示,其他版本类似。

dreamweaver怎么制作文本框? dw文本框的两种制作方法

方法一:适合知道一点html知识的朋友。

直接写代码<input type="text" placeholder="文本输入框" />,这个就是输入框。

dreamweaver怎么制作文本框? dw文本框的两种制作方法

方法二:如果是新手,那么可以采用插入的方式。

1、点击菜单栏的“插入”,然后选择“表单”,在表单的子菜单中有“文本域”的选项,这个就是输入框。

dreamweaver怎么制作文本框? dw文本框的两种制作方法

2、然后会弹出一个对话框,我们可以设置文本框的名字、大小等属性。

dreamweaver怎么制作文本框? dw文本框的两种制作方法

最后在浏览器中看一下效果,第一个是手写的,第二个是插入的。

dreamweaver怎么制作文本框? dw文本框的两种制作方法

以上就是dw文本框的两种制作方法,希望大家喜欢,请继续关注悠久资源网。

相关推荐:

Dreamweaver怎么去掉热点的黄色框/蓝色框?

Dreamweaver中怎么让html网页中的table边框细线显示?

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 Dreamweaver教程 dreamweaver怎么制作文本框? dw文本框的两种制作方法 https://www.u-9.cn/sheji/dreamweaver/29950.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务