AdobeDreamweaver觊皱筠桡CC是一种设计网页的工具,可以利用可视化,添加不同的控件,组合成多功能的组件。那么,dw怎么添加搜索框?
工具/原料
AdobeDreamweaverCC2018
截图工具
WPS
浏览器
方法/步骤
1、打开AdobeDreamweaverCC2018,新建文档,输入标题并选择文档类型,然后点击创建
2、创建完毕后,默认在实时视图窗口,插入搜索框控件
3、点击插入菜单,依次选择表单--->搜索,插入搜索输入框
4、搜索框输入后,需要一个按钮,触发这个搜索功能
5、紧接着在搜索框后插入一个搜索按钮,调整整体样式
6、添加style标签,利用元素选择器设置元素样式,如宽度、高度、字体属性等
7、保存文档并输入名称,然后打开浏览器预览效果