45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:使用vs2016制作带标签的输入文本框的步骤

使用vs2016制作带标签的输入文本框的步骤

2018-08-09 21:49:56 来源:www.45fan.com 【

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

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

使用vs2016制作带标签的输入文本框的步骤

使用vs2016制作带标签的输入文本框的步骤

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

 

本文地址:http://www.45fan.com/dnjc/99447.html
Tags: 标签 制作 VS2015
编辑:路饭网
  • 上一篇:怎么样使用Al绘制两个圆的切线效果图?
  • 下一篇:没有了
  • 关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部