如何用Visual Studio在网页中制作输入文本框

用Visual Studio建造的网页一般要有交互性，若是想在网页中输入文本，该怎么操作呢？笔者与大师分享一下小我的操作经验。

工具/原料

• Visual Studio 2015

方式/步骤

1. 1

   用Visual Studio打开一个已有的网页，本例为TwoFish网站的Default.aspx网页。

   
2. 2

   首先，找到body标签，如下图所示。

   
3. 3

   接着，找到div标签，位置如下图所示。

   
4. 4

   代码中，先界说输入文本的框架，输入文本的框架高和宽各为300像素。

   
5. 5

   padding-top暗示输入文本框与顶部的衬距，本例为25像素。

   
6. 6

   margin-left和margin-right暗示输入文本框与网页左侧和右侧的距离，本例设置为auto即主动。

   
7. 7

   接着，界说文本框的位置类型，本例设置为以左侧为基准浮动。

   
8. 8

   最后，界说输入文本框的格局，如下图所示。

   
9. 9

   输入文本框取名为INput，类型为文本。

   
10. 10

    maxlength为设置的可以输入的最多字数，本例设置为20个字符。

    
11. 11

    文本框的边框设置为无，高为30像素，宽为200像素。

    
12. 12

    设置字体大小为20号，字体颜色为蓝色。

    
13. 13

    在浏览器中预览网页，可以看到一个输入文本框，操作者可以自由的输入文字。