养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

dw怎么添加搜索框

时间:2024-11-10 13:57:54

AdobeDreamweaver觊皱筠桡CC是一种设计网页的工具,可以利用可视化,添加不同的控件,组合成多功能的组件。那么,dw怎么添加搜索框?

dw怎么添加搜索框

工具/原料

AdobeDreamweaverCC2018

截图工具

WPS

浏览器

方法/步骤

1、打开AdobeDreamweaverCC2018,新建文档,输入标题并选择文档类型,然后点击创建

dw怎么添加搜索框

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

dw怎么添加搜索框

3、点击插入菜单,依次选择表单--->搜索,插入搜索输入框

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框

© 一点知识