1. <output id="wnoop"><sup id="wnoop"></sup></output>
    2. <td id="wnoop"><menuitem id="wnoop"></menuitem></td><output id="wnoop"></output>

      45fan.com - 路饭网

      搜索: 您的位置£º主页 > 电脑频道 > 电脑教程 > 阅读资讯£º在vs2015网页中添加搜索栏的方法

      在vs2015网页中添加搜索栏的方法

      2018-08-12 17:26:03 来源:www.5810432.com ¡¾ ¡¿

      在vs2015网页中添加搜索栏的方法

      Visual Studio想要给网页中插入搜索框和搜索按钮£¬该怎么添加呢£¿下面我们就来看看详细的教程¡£

      在vs2015网页中添加搜索栏的方法

      1¡¢首先£¬用div标签在网页中£¬插入一个可以输入文本的搜索框¡£

      在vs2015网页中添加搜索栏的方法

      2¡¢在标签中设置搜索框的标识£¬标识名为lookuptxt¡£

      在vs2015网页中添加搜索栏的方法

      3¡¢设置搜索框以左侧为基准浮动£¬衬距为20像素¡£

      在vs2015网页中添加搜索栏的方法

      4¡¢用input插入输入文本框£¬类型为文本£¬标识为choosetxt¡£

      在vs2015网页中添加搜索栏的方法

      5¡¢输入文本框离左侧的衬距为10像素£¬高度为22像素£¬宽度为180像素£¬离顶部的衬距为16像素¡£

      在vs2015网页中添加搜索栏的方法

      6¡¢边框的宽度设置为2像素£¬颜色为蓝色£¬输入框的背景色设置为00ffff¡£

      在vs2015网页中添加搜索栏的方法

      7¡¢接着£¬用div标签插入搜索按钮£¬标识符为lookupbtn¡£

      在vs2015网页中添加搜索栏的方法

      8¡¢搜索按钮以左侧为基准浮动£¬宽度为60像素£¬高度为22像素¡£

      在vs2015网页中添加搜索栏的方法

      9¡¢按钮的颜色设置为蓝色£¬字体为20像素£¬离顶部和左侧的衬距都设置为22像素¡£

      在vs2015网页中添加搜索栏的方法

      10¡¢单击搜索按钮后£¬运行搜索命令£¬用函数Btnselect实现搜索功能¡£

      在vs2015网页中添加搜索栏的方法

      11¡¢最后£¬不要忘了插入搜索按钮的文本¡£

      在vs2015网页中添加搜索栏的方法

      12¡¢在网页中浏览程序£¬在顶部显示输入文本框和搜索按钮£¬实现搜索栏的功能¡£

      在vs2015网页中添加搜索栏的方法

      以上就是vs2015网页制作搜索框的教程£¬希望大家?#19981;¶£?#35831;继续关注路饭¡£

       

      本文地址£º
      Tags£º VS2015 网页 搜索
      编辑£º路饭网
      关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部
      ×´ÔªºìÐÄË®ÂÛ̳

        1. <output id="wnoop"><sup id="wnoop"></sup></output>
        2. <td id="wnoop"><menuitem id="wnoop"></menuitem></td><output id="wnoop"></output>

            1. <output id="wnoop"><sup id="wnoop"></sup></output>
            2. <td id="wnoop"><menuitem id="wnoop"></menuitem></td><output id="wnoop"></output>