dreamweaver如何添加文本输入框,dw插入文本框

 时间:2024-10-20 20:45:14

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

工具/原料

DreamweaverCS6

方法/步骤

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

dreamweaver如何添加文本输入框,dw插入文本框

2、如果你知道一点html知识,那么可以直膜膏匆煦接写代码<inputtype="text"placeholder="文本输入框"/>,这个就是输入框。

dreamweaver如何添加文本输入框,dw插入文本框

3、如果是新手,那么可以采用插入的方式。点略居承柘击菜单栏的“插入”,然后选择“表单”,在表单的子菜单中有“文本域”的选项,这个就是输入框。

dreamweaver如何添加文本输入框,dw插入文本框

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

dreamweaver如何添加文本输入框,dw插入文本框

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

dreamweaver如何添加文本输入框,dw插入文本框

Dreamweaver中如何设置表格边框颜色 DW设置背景图片的操作方法 Dreamweaver图文排版-文字在左图片居右设置 DW里面怎么设置首行缩进 DW如何设置上下左右操作页面
热门搜索
宠物狗图片 猴子图片大全 鬼魂图片 五菱宏光v图片 怎么把照片变成漫画