如何在网页中插入标签框

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

如何在网页中插入标签框

文章插图

需要这些哦
Visual studio 2015
方式/
1用Visual studio软件打开一个已有的网页 , 本例为join.aspx 。

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

如何在网页中插入标签框

文章插图

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

推荐阅读