当前位置:源码库-建站教程-网页设计-Dreamweaver教程-dreamweaver怎么制作文本框? dw文本框的两种制作方法

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

文章TAG:Dreamweaver 文本框
时间:2018-04-28来源:www.aspku.com 作者:源码库 文章热度:

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

 

软件名称:
Adobe Dreamweaver CS6 绿色精简版 by Ansifa (2013.2.22) 93M
软件大小:
93MB
更新时间:
2013-09-27

 

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

dreamweaver,文本框

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

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

dreamweaver,文本框

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

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

dreamweaver,文本框

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

dreamweaver,文本框

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

dreamweaver,文本框

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


注:相关教程知识阅读请移步到Dreamweaver教程频道。
相关Dreamweaver教程
热门标签

Dreamweaver教程Rss订阅Dreamweaver教程搜索