网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/9/28 浏览:3 次 )

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文字怎么居中对齐? dw垂直居中对齐的技巧
下一篇:Dreamweaver CS6超链接怎么去掉下划线? dw取消字体下划线的教程
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。