1.打开【DW】,搜索框代码的基本写法如下。action表示点击搜索之后网页提交到什么地方;后面是自家的淘宝店域名,blank表示在新窗口中搜索。
2.按钮的代码写法:<button type="submit"></button/>。
3.给搜索框添加标签:<label style>,设置【宽度】228px,【高度】26px,对齐方式float:left。
4.点击【css设计器】,选择边框,【Width】1px,【Style】solid,颜色灰色;点击【背景】,颜色设置黑。
5.在代码input中输入:border:0;none;background:none;将搜索框的边框和背景去掉;文字颜色color为白色。
6.F12预览,效果如下。
7.将搜索框的label代码复制到按钮代码上,修改【宽度】20px,【高度】20px。