VisualStudio網頁怎么插入文本框? vs文本框的制作方法

Visual Studio網頁中需要添加一個可以輸入文本的文本框,該怎么制作文本框呢?下面我們就來看看詳細的教程。
1、用Visual Studio打開一個已有的網頁,本例為TwoFish網站的Default.aspx網頁。
2、首先,找到body標簽,如下圖所示。
3、接著,找到div標簽,位置如下圖所示。
4、代碼中,先定義輸入文本的框架,輸入文本的框架高和寬各為300像素。
5、padding-top表示輸入文本框與頂部的襯距,本例為25像素。
6、margin-left和margin-right表示輸入文本框與網頁左側和右側的距離,本例設置為auto即自動。
7、接著,定義文本框的位置類型,本例設置為以左側為基準浮動。
8、最后,定義輸入文本框的格式,如下圖所示。
9、輸入文本框取名為INput,類型為文本。
10、maxlength為設置的可以輸入的最多字數,本例設置為20個字符。
11、文本框的邊框設置為無,高為30像素,寬為200像素。
12、設置字體大小為20號,字體顏色為藍色。
13、在瀏覽器中預覽網頁,可以看到一個輸入文本框,操作者可以自由的輸入文字。
以上就是vs文本框的制作方法,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
VisualStudio怎么插入按鈕? vs網頁添加按鈕的教程
VisualStudio網頁怎么設計驗證用戶名和密碼的功能?
相關文章
visualstudio字母怎么切換大小寫? vs大寫字母轉換為小寫的教程
visualstudio字母怎么切換大小寫?visuals tudio中的字母想要將大寫字母轉換成小寫字母,該怎么轉換呢?下面我們就來看看vs大寫字母轉換為小寫的教程,需要的朋友可以參考2018-03-20- visual studio代碼怎么添加增加縮進效果?visual studio開發(fā)編程的時候,想要讓代碼縮進,看上去更有層次感,該怎么縮進代碼呢?下面我們就來看看詳細的教程,需要的朋友可2018-03-20
visualstudio怎么創(chuàng)建文件夾? vs類視圖創(chuàng)建文件夾的教程
visualstudio怎么創(chuàng)建文件夾?visual studiozho9ng想要創(chuàng)建文件夾管理視圖,該怎么創(chuàng)建呢?下面我們就來看看vs類視圖創(chuàng)建文件夾的教程,需要的朋友可以參考下2018-03-19VisualStudio怎么制作報表? Visual Studio報表模板的使用方法
VisualStudio怎么制作報表?Visual Studio中想要設計一個報表,該怎么設計呢?下面我們就來看看Visual Studio報表模板的使用方法,需要的朋友可以參考下2018-03-14VisualStudio低版本項目移動到高版本提示版本不匹配?
VisualStudio低版本項目移動到高版本提示版本不匹配?Visual Studio移動項目的時候,提示版本錯誤,出現一堆英文代碼,該怎么解決呢?下面我們就來看看詳細的解決辦法,需要2018-02-24- visual studio怎么調用其他項目的窗體?visual studio中想要給項目添加已有的窗體,該怎么添加呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-11-13
- VisualStudio引用的圖片文件怎么刪除?VisualStudio中引用了很多圖片文件,后來想要刪除,該怎么刪除呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-06-23
微軟Visual Studio 2017正式版發(fā)布 宇宙第一開發(fā)工具
西雅圖時間3月7日上午9點微軟正式發(fā)布Visual Studio 2017。微軟會首先進行一場Keynote,內容包括Visual Studio、.NET、Xamarin、Azure等產品,下面就一起來看看2017-03-07- visual studio2013多文件程序怎么建立?visual studio2013中想要簡歷一個N個數相加的加法,該怎么簡歷呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-12-30
Visual Studio Code給文件添加文件圖標主題的教程
Visual Studio Code新版本中新增了一個功能,就是可以個添加文件圖標,添加文件圖標的好處就是可以按照類型來找文件,查找起來更方便,下面我們就來看看文件圖標的添加方法2016-10-10