VisualStudio網(wǎng)頁(yè)怎么插入文本框? vs文本框的制作方法
我要評(píng)論Visual Studio網(wǎng)頁(yè)中需要添加一個(gè)可以輸入文本的文本框，該怎么制作文本框呢？下面我們就來看看詳細(xì)的教程。
Visual Studio 2017 正式版 (附離線安裝包) 官網(wǎng)簡(jiǎn)體中文版
- 類型：編程工具
- 大?。?/span>15GB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(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)注腳本之家。
相關(guān)推薦：
VisualStudio頁(yè)面中怎么添加復(fù)選框?
VisualStudio怎么插入按鈕? vs網(wǎng)頁(yè)添加按鈕的教程
VisualStudio網(wǎng)頁(yè)怎么設(shè)計(jì)驗(yàn)證用戶名和密碼的功能?
相關(guān)文章
visualstudio字母怎么切換大小寫? vs大寫字母轉(zhuǎn)換為小寫的教程
visualstudio字母怎么切換大小寫？visuals tudio中的字母想要將大寫字母轉(zhuǎn)換成小寫字母，該怎么轉(zhuǎn)換呢？下面我們就來看看vs大寫字母轉(zhuǎn)換為小寫的教程，需要的朋友可以參考2018-03-20
visualstudio代碼怎么添加增加縮進(jìn)效果?
visual studio代碼怎么添加增加縮進(jìn)效果？visual studio開發(fā)編程的時(shí)候，想要讓代碼縮進(jìn)，看上去更有層次感，該怎么縮進(jìn)代碼呢？下面我們就來看看詳細(xì)的教程，需要的朋友可2018-03-20
visualstudio怎么創(chuàng)建文件夾? vs類視圖創(chuàng)建文件夾的教程
visualstudio怎么創(chuàng)建文件夾？visual studiozho9ng想要?jiǎng)?chuàng)建文件夾管理視圖，該怎么創(chuàng)建呢？下面我們就來看看vs類視圖創(chuàng)建文件夾的教程，需要的朋友可以參考下2018-03-19
VisualStudio怎么制作報(bào)表? Visual Studio報(bào)表模板的使用方法
VisualStudio怎么制作報(bào)表？Visual Studio中想要設(shè)計(jì)一個(gè)報(bào)表，該怎么設(shè)計(jì)呢？下面我們就來看看Visual Studio報(bào)表模板的使用方法，需要的朋友可以參考下2018-03-14
VisualStudio低版本項(xiàng)目移動(dòng)到高版本提示版本不匹配?
VisualStudio低版本項(xiàng)目移動(dòng)到高版本提示版本不匹配？Visual Studio移動(dòng)項(xiàng)目的時(shí)候，提示版本錯(cuò)誤，出現(xiàn)一堆英文代碼，該怎么解決呢？下面我們就來看看詳細(xì)的解決辦法,需要2018-02-24
visualstudio怎么調(diào)用其他項(xiàng)目的窗體?
visual studio怎么調(diào)用其他項(xiàng)目的窗體？visual studio中想要給項(xiàng)目添加已有的窗體，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-13
VisualStudio引用的圖片文件怎么刪除？VisualStudio中引用了很多圖片文件，后來想要?jiǎng)h除，該怎么刪除呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-23
微軟Visual Studio 2017正式版發(fā)布 宇宙第一開發(fā)工具
西雅圖時(shí)間3月7日上午9點(diǎn)微軟正式發(fā)布Visual Studio 2017。微軟會(huì)首先進(jìn)行一場(chǎng)Keynote，內(nèi)容包括Visual Studio、.NET、Xamarin、Azure等產(chǎn)品，下面就一起來看看2017-03-07
visual studio2013多文件程序怎么建立？visual studio2013中想要簡(jiǎn)歷一個(gè)N個(gè)數(shù)相加的加法，該怎么簡(jiǎn)歷呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-12-30Visual Studio Code給文件添加文件圖標(biāo)主題的教程
Visual Studio Code新版本中新增了一個(gè)功能，就是可以個(gè)添加文件圖標(biāo)，添加文件圖標(biāo)的好處就是可以按照類型來找文件，查找起來更方便，下面我們就來看看文件圖標(biāo)的添加方法2016-10-10
