vs2015怎么制作带标签的输入文本框?

番茄系统家园 · 2022-05-03 01:26:08

Visual studio网页中插入的文本框需要带标签,该怎么添加标签呢?下面我们就来看看详细的教程。

软件名称:
Visual Studio 2015 简体中文正式版(企业版)
软件大小:
4.5GB
更新时间:
2016-09-17

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

2、首先,用div标签在网页中插入一个输入文本框的格式布局。

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

7、设置输入文本框的类型为文本,用属性type定义

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

9、聚焦和释放标签的焦点onfocus为获取焦点,onblur为失去焦点。

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

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

vs2015怎么制作带标签的输入文本框?

13、运行程序,在网页中插入了一个带有标签的输入文本框,在文本框中可以自由的输入文本,长度为20个字符。

vs2015怎么制作带标签的输入文本框?

vs2015怎么制作带标签的输入文本框?

以上就是vs2015中给网页添加带有标签的输入文本框的教程,希望大家喜欢,请继续关注。

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/184147WEqK12.html
猜你喜欢
最新应用
热门应用