Visual Studio網(wǎng)頁(yè)中需要添加一個(gè)可以輸入文本的文本框，該怎么制作文本框呢？下面我們就來看看詳細(xì)的教程。

軟件名稱：Visual Studio 2017 正式版 (附離線安裝包) 官網(wǎng)簡(jiǎn)體中文版軟件大小：15GB更新時(shí)間：2017-03-14

1、用Visual Studio打開一個(gè)已有的網(wǎng)頁(yè)，本例為TwoFish網(wǎng)站的Default.aspx網(wǎng)頁(yè)。

2、首先，找到body標(biāo)簽，如下圖所示。

3、接著，找到div標(biāo)簽，位置如下圖所示。

4、代碼中，先定義輸入文本的框架，輸入文本的框架高和寬各為300像素。

5、padding-top表示輸入文本框與頂部的襯距，本例為25像素。

6、margin-left和margin-right表示輸入文本框與網(wǎng)頁(yè)左側(cè)和右側(cè)的距離，本例設(shè)置為auto即自動(dòng)。

7、接著，定義文本框的位置類型，本例設(shè)置為以左側(cè)為基準(zhǔn)浮動(dòng)。

8、最后，定義輸入文本框的格式，如下圖所示。

9、輸入文本框取名為INput，類型為文本。

10、maxlength為設(shè)置的可以輸入的最多字?jǐn)?shù)，本例設(shè)置為20個(gè)字符。

11、文本框的邊框設(shè)置為無，高為30像素，寬為200像素。

12、設(shè)置字體大小為20號(hào)，字體顏色為藍(lán)色。

13、在瀏覽器中預(yù)覽網(wǎng)頁(yè)，可以看到一個(gè)輸入文本框，操作者可以自由的輸入文字。

以上就是vs文本框的制作方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注錯(cuò)新站長(zhǎng)站。

相關(guān)推薦：

VisualStudio頁(yè)面中怎么添加復(fù)選框?

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

VisualStudio網(wǎng)頁(yè)怎么設(shè)計(jì)驗(yàn)證用戶名和密碼的功能?