怎样在网页中制作搜索栏

一个完整的网页必需要有搜刮栏，用Visual Studio可以在网页中插入搜刮框和搜刮按钮，若何用代码实现这一操作呢？笔者与大师分享一下操作经验。

东西/原料

• Visual Studio 2015

方式/步调

1. 1

   起首，用div标签在网页中，插入一个可以输入文本的搜刮框。

   
2. 2

   在标签中设置搜刮框的标识，标识名为lookuptxt。

   
3. 3

   设置搜刮框以左侧为基准浮动，衬距为20像素。

   
4. 4

   用input插入输入文本框，类型为文本，标识为choosetxt。

   
5. 5

   输入文本框离左侧的衬距为10像素，高度为22像素，宽度为180像素，离顶部的衬距为16像素。

   
6. 6

   边框的宽度设置为2像素，颜色为蓝色，输入框的布景色设置为00ffff。

   
7. 7

   接着，用div标签插入搜刮按钮，标识符为lookupbtn。

   
8. 8

   搜刮按钮以左侧为基准浮动，宽度为60像素，高度为22像素。

   
9. 9

   按钮的颜色设置为蓝色，字体为20像素，离顶部和左侧的衬距都设置为22像素。

   
10. 10

    单击搜刮按钮后，运行搜刮号令，用函数Btnselect实现搜刮功能。

    
11. 11

    最后，不要忘了插入搜刮按钮的文本。

    
12. 12

    在网页中浏览法式，在顶部显示输入文本框和搜刮按钮，实现搜刮栏的功能。

    

注重事项

• 作者声明：本篇经验系本人辛勤奋动的原创当作果，未经许可，回绝转载。