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

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

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

2、首先，找到body標簽，如下圖所示。

3、接著，找到div標簽，位置如下圖所示。

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

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

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

7、接著，定義文本框的位置類型，本例設置為以左側為基準浮動。

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

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

10、maxlength為設置的可以輸入的最多字數(shù)，本例設置為20個字符。

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

12、設置字體大小為20號，字體顏色為藍色。

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

以上就是vs文本框的制作方法，希望大家喜歡，請繼續(xù)關注錯新站長站。

相關推薦：

VisualStudio頁面中怎么添加復選框?

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

VisualStudio網(wǎng)頁怎么設計驗證用戶名和密碼的功能?