Adobe Dreamweaver CC是一种设计网页的工具，可以利用可视化，添加不同的控件，组合成多功能的组件。那么，dw怎么添加搜索框？工具/原料moreAdobe Dreamweaver CC 2018截图工具WPS浏览器方法/步骤1/7分步阅读

打开Adobe Dreamweaver CC 2018，新建文档，输入标题并选择文档类型，然后点击创建

2/7

创建完毕后，默认在实时视图窗口，插入搜索框控件

3/7

点击插入菜单，依次选择表单---搜索，插入搜索输入框

4/7

搜索框输入后，需要一个按钮，触发这个搜索功能

5/7

紧接着在搜索框后插入一个搜索按钮，调整整体样式

6/7

添加style标签，利用元素选择器设置元素样式，如宽度、高度、字体属性等

7/7

保存文档并输入名称，然后打开浏览器预览效果

总结

1、新建文档

2、插入搜索

3、插入按钮

4、调整样式

5、保存预览

注意事项

注意dw怎么添加搜索框

注意dw设计出不同界面和组件

DW搜索框HTML5CSS3JAVASCRIPT