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边框的制作方法

标签:
dreamweaver,文本框

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。