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

作者 : 发布时间: 2021-11-04 人阅读

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

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

dreamweaver怎么制作文本框? dw文本框的两种制作方法(图1)

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

直接写代码这个就是输入框。

dreamweaver怎么制作文本框? dw文本框的两种制作方法(图2)

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

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

dreamweaver怎么制作文本框? dw文本框的两种制作方法(图3)

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

dreamweaver怎么制作文本框? dw文本框的两种制作方法(图4)

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

dreamweaver怎么制作文本框? dw文本框的两种制作方法(图5)

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

①本站所有成品淘宝购买需确认收货并好评后发货;
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » dreamweaver怎么制作文本框? dw文本框的两种制作方法

千套DW网页成品 品质有保证

快速联系