如何在网页中插入标签框

在建造网页的输入文本框时，有些文本框往往要插手标签，如何用Visual studio在网页中插入带标签的输入文本框呢？笔者与大师分享一下本身的操作经验。

工具/原料

• Visual studio 2015

方式/步骤

1. 1

   用Visual studio软件打开一个已有的网页，本例为join.aspx。

   
2. 2

   首先，用div标签在网页中插入一个输入文本框的格局结构。

   
3. 3

   设置输入文本框的高度为33像素，宽度为260像素。

   
4. 4

   输入文本框离顶部的衬距为30像素，用padding-top暗示。

   
5. 5

   设置输入文本框离顶部、左侧和右侧的距离为auto，即距离为主动。

   
6. 6

   接着，用input标签，在网页中插入带标签的输入文本框。

   
7. 7

   设置输入文本框的类型为文本，用属性type界说。

   
8. 8

   输入文本框的标识为shuru，用属性id暗示。

   
9. 9

   聚焦和释放标签的核心，onfocus为获取核心，onblur为掉去核心。

   
10. 10

    设置输入标签的标签值为输入，用属性value设置。

    
11. 11

    设置输入文本框的边框为3像素，颜色为蓝色。

    
12. 12

    最后，设置输入文本框的行高，以及能输入的最多字符数。

    
13. 13

    运行法式，在网页中插入了一个带有标签的输入文本框，在文本框中可以自由的输入文本，长度为20个字符。