2、在标签中设置搜索框的标识，标识名为lookuptxt。
3、设置搜索框以左侧为基准浮动，衬距为20像素。
4、用input插入输入文本框，类型为文本，标识为choosetxt。
5、输入文本框离左侧的衬距为10像素，高度为22像素，宽度为180像素，离顶部的衬距为16像素。
6、边框的宽度设置为2像素，颜色为蓝色，输入框的背景色设置为00ffff。
7、接着，用div标签插入搜索按钮，标识符为lookupbtn。
8、搜索按钮以左侧为基准浮动，宽度为60像素，高度为22像素。
9、按钮的颜色设置为蓝色，字体为20像素，离顶部和左侧的衬距都设置为22像素。
10、单击搜索按钮后，运行搜索命令，用函数Btnselect实现搜索功能
11、最后，不要忘了插入搜索按钮的文本。
12、在网页中浏览程序，在顶部显示输入文本框和搜索按钮，实现搜索栏的功能。
1、打开Hbuilder编辑器，创建一个input框和button按钮，将它们横排摆放在一起：
2、首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成：
3、按crtl+s，在软件的右侧即可看到最终的效果。以上就是用html制作搜索框的演示：
css选择器加.是类选择器，选择与class属性相匹配的类名
可以在设置页面选择恢复初始功能。
