dw怎么添加搜索框

时间:2024-10-12 09:00:19

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

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框

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

dw怎么添加搜索框
© 手抄报圈