Visual Studio想要給網(wǎng)頁(yè)中插入搜索框和搜索按鈕，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程。

軟件名稱：Visual Studio 2015 簡(jiǎn)體中文正式版（企業(yè)版）軟件大小：4.5GB更新時(shí)間：2016-09-17

1、首先，用div標(biāo)簽在網(wǎng)頁(yè)中，插入一個(gè)可以輸入文本的搜索框。

2、在標(biāo)簽中設(shè)置搜索框的標(biāo)識(shí)，標(biāo)識(shí)名為lookuptxt。

3、設(shè)置搜索框以左側(cè)為基準(zhǔn)浮動(dòng)，襯距為20像素。

4、用input插入輸入文本框，類型為文本，標(biāo)識(shí)為choosetxt。

5、輸入文本框離左側(cè)的襯距為10像素，高度為22像素，寬度為180像素，離頂部的襯距為16像素。

6、邊框的寬度設(shè)置為2像素，顏色為藍(lán)色，輸入框的背景色設(shè)置為00ffff。

7、接著，用div標(biāo)簽插入搜索按鈕，標(biāo)識(shí)符為lookupbtn。

8、搜索按鈕以左側(cè)為基準(zhǔn)浮動(dòng)，寬度為60像素，高度為22像素。

9、按鈕的顏色設(shè)置為藍(lán)色，字體為20像素，離頂部和左側(cè)的襯距都設(shè)置為22像素。

10、單擊搜索按鈕后，運(yùn)行搜索命令，用函數(shù)Btnselect實(shí)現(xiàn)搜索功能。

11、最后，不要忘了插入搜索按鈕的文本。

12、在網(wǎng)頁(yè)中瀏覽程序，在頂部顯示輸入文本框和搜索按鈕，實(shí)現(xiàn)搜索欄的功能。

以上就是vs2015網(wǎng)頁(yè)制作搜索框的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注錯(cuò)新站長(zhǎng)站。

相關(guān)推薦：

VisualStudio使命使用代碼實(shí)現(xiàn)網(wǎng)頁(yè)的整體布局?

VisualStudio怎么給網(wǎng)頁(yè)插入全屏顯示的背景圖片?

VisualStudio怎么插入按鈕? vs網(wǎng)頁(yè)添加按鈕的教程